js – day01-一一网

js的组成

我们可以使用js来完成如下的相关功能

人机交互
后端
页面特效和动画
数据处理和数据交互

js就是一门语言

这门语言可以使我们方便的取去操作页面和浏览器中的元素

所以js由以下三个部分组成

ECMAScript
- JS的核心语法，也就是这个语言是怎么写的
DOM => document object model
- 文档对象模型
- 使用js提供的API（一些属性和方法）来操作页面的相关元素
BOM => browser object model
- 浏览器对象模型
- 使用js提供的API 来操作浏览器中的相关要素

变量

变量是一个容器，这个容易中可以存储对应的值

所谓的变量，也就是值会变化的量

也即是说我们这个容器中存储的内容是可以随时发生改变的

6种定义变量的方式

// ES5定义变量的方式
var num = 14
console.log(num) // => 14

// 变量的值是可以被修改的
num = 22
console.log(num) // => 22

// ES6 中定义变量的方式
let num = 23

// const定义的量为常量
// 也就是说常量所对应的值是固定不变的，是无法修改的
// 我们可以认为 常量是一种特殊的变量

// num => 常量   22 => 字面量
const num = 22

// 其它的一些js行为也可以被视为变量的创建
// 1. 定义函数
// 定义了变量 fun 来存储我所对应的函数代码块
const fun = function() { ... }

// 2. 定义类
// 定义变量Person 来存储我整个类的代码
class Person { ... }

// 3. 模块导入
// 定义一个path变量来接收模块导出的内容
import path from './path.js'
                        
// 4. 定义唯一值 （独一无二的值）
let symbol1 = new Symbol(100)
let symbol2 = new Symbol(100)
symbol1 === symbol2 // => false
复制代码

变量的命名规范

严格区分大小写

let num = 200
console.log(NUM) // => error
复制代码

使用数字，字母，下划线和$ 组成其中不能以数字开头

let $box; // => $开头的变量一般是存储 使用JQuery获取的元素
let _box; // => 以下划线开头的一般代表全局变量或者公共变量 (这种写法主要是约定俗称的规范)
let 2box; // => error
let box1; // => 合法的变量
let 变量; // => 合法的变量 极度不推荐
复制代码

命名应该见名知意(语义化)

let a = 222 // => bad
let num = 222 // => good
复制代码

命令的方式有驼峰命令法(CamelCase) 和帕斯卡命名法(PascalCase)

// 小驼峰 => 第一个单词的首字母小写，其余每一个有意义的单词或简写的首字母都要大写
let userInfo

// 大驼峰(帕斯卡命名法) => 所有的有意义的单词或简写的首字母都大写 一般用于定义类或者构造函数(约定俗成)
let UserInfo 

// 下划线命令法
let user_info
复制代码

不能使用关键字和保留字
- 关键字 -> 当下有特殊含义的叫做关键字
- 保留字 -> 未来可能存为关键字的叫做保留字

let break = 222 // => error
复制代码

数据类型

基本数据类型
- Number 数值 =>常规数值 + NaN(代表对应的值不是一个数值类型，但是NaN本身属于数值类型)
- String 字符串 => 所有使用单引号或双引号或反引号包裹起来的内容都是字符串
- Boolean 布尔值 => true | false
- Undefined 未定义
- Null 空对象指针
- Symbol 唯一值

引用数据类型

对象数据类型 Object