《ES6标准入门》知识点整理

let 命令

• 用于声明一个变量
• 不存在变量提升
• 暂时性死区：块作用域内，let声明的变量将不受外界影响
• 不允许重复声明
• 块级作用域

const 命令

• 用于声明一个常量
• 不存在变量提升
• 暂时性死区：块作用域内，const声明的变量将不受外界影响
• 不允许重复声明
• 块级作用域

变量的解构赋值

• 数组的解构赋值：let [a,b,c] = [1,2,3]
• 解构同时指定默认值：let [a = 1] = [ ]
• 对象的解构赋值：let {a, b} = {a:'aaa', b: 'bbb'} , a,b 和对象中的属性key 一一对应
• 对象解构赋值别名：let {a:c} = {a:'aaa'}
• 字符串的解构赋值：let [a,b,c,d,e] = 'hello'

字符串扩展

• includes(s) : 返回布尔值，表示是否找到了字符串
• startsWith(s): 返回布尔值，表示参数字符串是否在字符串的头部
• endsWidth(s): 返回布尔值，表示参数字符串是否在字符串的尾部
• repeat(n)： 返回一个新字符串，表示将原字符串重复n次
• padStart(n, s): 字符串前补全，当长度不足n时
• padEnd(n, s): 字符串后补全，当长度不足n时

模版字符串

• 用反引号（`） 标识
• ${变量} 在模版字符串中嵌入变量
• 标签模版：在一个函数名后面可以紧跟一个模版字符串，该函数将会立即调用。实例：function fn(s) {}; fn`hello world${1}`

正则扩展

• String.prototype.match(s/r): 参数为字符串或者正则表达式,返回指定匹配的值，而不是字符串的位置
• String.prototype.search(): 参数为字符串或者正则表达式,返回指定匹配的值位置，如果没有匹配值，则返回 -1
• String.prototype.replace(s/r, fn): 将匹配的字符串替换为指定字符串
• String.prototype.split(s/r): 参数为字符串或者正则表达式,将一个字符串分割成字符串数组。

数值扩展

• Number.isFinite(): 判断一个数值是否为无穷
• Number.isNaN(): 判断是否为数值
• Number.parseInt(): 转整数
• Number.parseFloat(): 转浮点数
• Number.isInteger(): 判读一个值是否为整数
• Number.EPSILON： 极小常量，可以用于判断误差，当误差小于这个值时，就可认为计算结果正确
• Number.isSafeInteger(): 判断是否为安全整数

Math 对象扩展

• Math.trunc() 去除小数部分，返回整数部分
• Math.sign() 判断一个数为正数、负数或零。正数返回1，负数返回-1，0 返回0，-0 返回-0
• Math.cbrt() 计算立方根,示例：Math.cbrt(8) === 2
• ** 新增指数运算。示例：2 ** 3 === 8

Math 扩展三角函数

sinh 、cosh、 tanh、 asinh、 acosh、 atanh

数组扩展

• Array.from() 将类数组对象转为真正的数组
• Array.of() 将传递的参数转为数组
• find(fn) 找出第一个符合条件的成员。参数为回调函数，返回值为true时停止
• findIndex(fn) 使用方式同上，不同在于返回值，返回符合条件成员位置
• fill() 将数组中成员全部抹去，替换为参数值
• entries() 用于遍历数组，以迭代器(next)的方式
• keys() 用于遍历数组，遍历键值
• values() 用于遍历数组，遍历value
• includes() 返回布尔值，表示数组中是否包含参数值相同的成员

函数扩展

• 参数默认值：示例：function fn(a = true) {}
• 参数默认值位置应该在参数末尾
• rest参数：用于获取函数剩余参数, 使用方式为... , 剩余参数转为数组
• 扩展运算符， rest 的逆运算，用于替代apply
• 扩展运算符将字符串转为真正数组，示例：[...hello] = ['h','e','l','l','o']
• 函数绑定this，示例：object:: fn 类似 fn.bind(object)

箭头函数

• this 指向函数定义时所在的对象
• 不可当作构造函数
• 不可以使用arguments ，可以使用rest 替代
• 不可以使用yield , 因此不能用作Generator函数

对象扩展

• 属性简介表示let a = ‘a' ; let o = {a} // {a:'a'}
• 属性名表达式 let o = {['a' + 'b']: 123}
• Object.is(a, b) 判断两个值是否严格相等
• Object.assign(target, ...) 将可枚举属性复制到目标对象
• getOwnPropertyDescriptor(obj, key)获取对象属性的描述对象
• 对象属性的遍历： for...in 、Object.keys() 、Reflect.ownKeys(obj)、Object.getOwnpropertyNames(obj) 、Object.getOwnpropertySysbols(obj)
• Object.setProtypeOf(obj, prototype) 设置对象的原型对象
• Object.getProtypeOf(obj) 获取对象的原型对象
• 对象的扩展运算符 示例：let {a, ...b} = {a:'a' , b: 'b' , c:'c'} // b = {b:'b', c:'c'}
• Object.getOwnPropertySymbols(obj) 以数组的形式返会该对象所有的symbols属性

Symbol

• 当属性名为Symbol类型时，该属性就是第一无二的，可以保证该属性名与其它属性名冲突，保证属性名不会被改写或者覆盖
• Symbol.for(key) 获取同一个symbol 值
• Symbol.keyFor(symbol) 返回一个已经登记的symbol

Proxy 和Reflect

• 代理：可以添加钩子函数，代理/拦截 对该对象对所有操作(增删改查等)。vue3 核心将会使用该对象，内容比较多，等有时间再单独拿出来分析。