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 核心将会使用该对象,内容比较多,等有时间再单独拿出来分析。
网友评论