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
相关推荐
前端付豪21 小时前
Nest 项目小实践之图书增删改查
前端·node.js·nestjs
比特鹰21 小时前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
奔跑路上的Me21 小时前
前端导出 Word/Excel/PDF 文件
前端·javascript
bluceli21 小时前
JavaScript异步编程深度解析:从回调到Async Await的演进之路
前端·javascript
青青家的小灰灰21 小时前
Vue 3 新标准:<script setup> 核心特性、宏命令与避坑指南
前端·vue.js·面试
SuperEugene21 小时前
路由与布局骨架篇:布局系统 | 头部、侧边栏、内容区、面包屑的拆分与复用
前端·javascript·vue.js
大金乄21 小时前
用canvans画一个流程图
前端
大金乄21 小时前
TreeSelect 是一个基于 Element UI 的树形选择器组件,结合了 el-select 和 el-tree 的功能,支持单选和多选模式,支持树形
前端
大金乄21 小时前
自动构建打包脚本(开发环境)
前端
jerrywus21 小时前
为什么每个程序员都应该试试 cmux:AI 加持的终端效率革命
前端·人工智能·claude