一文带你走进`JavaScript`基础

介绍

JavaScript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了JavaScript，提供了数据验证的基本功能。　　JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript(Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言，从 1996 年开始，已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年，在 1997 年 7 月，ECMA 会员大会采纳了它的首个版本。

JS基本规范(了解一下就可以了)

JS可以干什么

JS的行为，可以实现一下的内容

人机交换
可视化
后台
框架
游戏

JS写在哪

内部代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
    <script src="文件的路径"></script>
</head>
<body>
    <!--内部的写法-->
  <script></script>
</body>
</html>

外部代码如上的代码，<head></head>里面的src中的代码，
- **注意：**外部引入的js,这个时候script中就不可以在写代码了

输入输出语句

输入

let 变量名 = prompt('提示的文字')

输出

//输出
//警告对话框
alert('你好')
//在页面中打印出来的内容
document.write('大家好')
//1.在控制台中打印  
//2.代码调试

console.log('Hi')

在控制台中打印代码调试
在页面中打印出来的内容
警告对话框

效果图：

输出.gif

变量

变量是干什么的？

变量是：程序中用来保存数据的容器，前面保存，后面使用

变量的使用

声明

let 变量名

赋值

let 变量名= 1

取值，直接使用变量名即可

let name='张三'
//使用的话直接使用变量名即可,打印在页面中
document.write(name)
//新值(修改更新) 右边的就是新的值
name = '迪迦奥特曼'

新值:语法 变量名 = 新的值如上面的代码
声明并赋值,1、2两步可以和二为一

let Age = 18

变量的本质

变量的本质是：内存中的一小块空间

变量的命名规则与规范

规则
1. 不能是关键字，比如：let、var、true、false
2. 只能有字母、数字、下划线、美元符$ 组成，并且不能以数字开头
3. 变量名严格区分大小写，例如Age和age，不是同一个变量
规范
1. 见名知意(多查单词，尽量不要使用拼音)
2. 使用小驼峰命名法：例如，userAge

注意事项

不要多次声明，同一个变量
之前使用的是var声明，现在使用的是let声明

数据类型

数据类型分为基础数据类型和引用数据类型

基础数据类型有哪些？

数字(Number)：包括[整数、小数、NaN]

    // 数字类型
    let Age = 18
    let width = 16.5

字符串(String),只要都是引号(单，双，反)包起来的文字都是字符串类型

    // 字符串类型
    let str = '张三'
    let obj = `obnj`
    let dbc = "omg"

布尔值(Boolean):只有两个值true(真)/false(假)

    // 布尔值
    let bool = true
    let bllo = false
    
    // 声明了但是没有赋值 (bull)
    let name;

    // 没有定义(声明)就直接使用  (undefined)
    bje

Null：声明了但是没有赋值
未定义(undefined):没有定义直接使用

引用数据类型有哪些？

数组(Array):使用[]包含起来的


    // 数组 Array
    let arr = ['1231312', '历史', 45, 123]

对象(Object):使用大括号包起来的，并以键值对显示的

    // 对象 object
    let oje = {
      name: '李四',
      hieght: `166px`,
      widtrh: '0.2kg'
    }

函数(function)使用function()定义出来的

JavaScript基础（笔记）

一文带你走进JavaScript基础

介绍

JS基本规范(了解一下就可以了)

变量

数据类型

一文带你走进`JavaScript`基础