美文网首页
《ES6标准入门》知识点整理

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

作者: webmrxu | 来源:发表于2019-11-19 19:20 被阅读0次

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

    相关文章

      网友评论

          本文标题:《ES6标准入门》知识点整理

          本文链接:https://www.haomeiwen.com/subject/uxrgictx.html