es6 中字符串、函数、对象、数组分别新增了哪些扩展

es6 中字符串的扩展

  1. includes
  2. startsWith
  3. endsWith
  4. padStart
  5. padEnd
  6. 模版字符串

es6 中函数的扩展

  1. 箭头函数
    1. this 对象指向定义时所在的对象
    2. 不可以当作构造函数,不可以使用 new 命令
    3. 不可以使用 arguments 对象,可以使用 rest 参数
    4. 不可以适用 yield 命令,因此箭头函数不能用作 generator 函数
  2. 默认参数:允许在函数参数中指定默认值
  3. length 属性:返回没有指定默认值的参数个事,rest 参数不会计入 length,如果设置了默认值的参数不是尾参数,那么 length 属性也不再计入后面的参数了
  4. 剩余参数:使用 ...rest 可以将多余的参数收集到一个数组中,方便处理不定量参数
  5. 展开运算符:使用展开运算符 ... 可以将数组或类数组对象展开成逗号分隔的参数序列
  6. 函数名称属性:每个函数具有一个 name 属性,表示函数的名称
  7. 是要函数参数使用了默认值,解构赋值,扩展运算符,那么函数内部就不能显式设定为严格模式,否则会报错

es6 中对象的扩展

  1. 对象字面量的简写语法:允许在对象字面量中省略键和值的重复部分,简写的对象不能用作构造函数
  2. 计算属性名/属性名表达式:允许在对象字面量中使用计算属性名,即在方括号内使用表达式作为属性名,属性名如果是一个对象,默认情况下会自动将对象转为字符串 [object Object]
  3. 对象方法的简写语法:在对象字面量中定义方法时,可以省略 function 关键字
  4. Object.assign 可以将所有可枚举属性的值从一个活多个源对象复制到目标对象,并返回目标对象,【会改变目标对象,所以一般我们用的时候目标对象设置成 {} 】
  5. 对象属性的解构赋值:允许在对象解构赋值中从对象中提取并赋值给变量
  6. super 关键字指向当前对象的原型对象
  7. 扩展运算符的应用:在结构赋值中,未读区的可遍历属性,分配到指定的对象上面
  8. 对象的遍历
    1. for in
    2. Object.keys
    3. Reflect.ownKeys(obj)
  9. 新增的方法
    1. Object.is
    2. Object.assign
    3. Object.getOwnPropertyDescriptors
    4. Object.keys(),Object.values(),Object.entries(),返回数组
    5. Object.setPrototypeOf(),Object.getPrototypeOf()

es6 中数组的扩展

  1. 扩展运算符
  2. Array.of ,参数展开传递
  3. Array.from 参数是一个类数组
  4. find
  5. findIndex
  6. includes
  7. fill
  8. flat
  9. flatMap
  10. map \ filter \ reduce \ forEach
  11. entries \ keys \ values
  12. 数组解构赋值
    1. 使用 const [a, b] = [1, 2];
    2. 注意数组的解构赋值使用方括号
    3. 对象的解构赋值使用花括号
  13. 数组的扩展属性
    1. Array.prototype.length 可以被修改
    2. Array.prototype[@@toStringTag] 返回 Array
相关推荐
伍哥的传说1 小时前
Radash.js 现代化JavaScript实用工具库详解 – 轻量级Lodash替代方案
开发语言·javascript·ecmascript·tree-shaking·radash.js·debounce·throttle
程序视点1 小时前
IObit Uninstaller Pro专业卸载,免激活版本,卸载清理注册表,彻底告别软件残留
前端·windows·后端
前端程序媛-Tian2 小时前
【dropdown组件填坑指南】—怎么实现下拉框的位置计算
前端·javascript·vue
嘉琪0012 小时前
实现视频实时马赛克
linux·前端·javascript
烛阴2 小时前
Smoothstep
前端·webgl
若梦plus3 小时前
Eslint中微内核&插件化思想的应用
前端·eslint
爱分享的程序员3 小时前
前端面试专栏-前沿技术:30.跨端开发技术(React Native、Flutter)
前端·javascript·面试
超级土豆粉3 小时前
Taro 位置相关 API 介绍
前端·javascript·react.js·taro
若梦plus3 小时前
Webpack中微内核&插件化思想的应用
前端·webpack
若梦plus3 小时前
微内核&插件化设计思想
前端