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
相关推荐
软件小伟4 分钟前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾25 分钟前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧34 分钟前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm43 分钟前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j
asleep7011 小时前
第8章利用CSS制作导航菜单
前端·css
hummhumm1 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架
幼儿园的小霸王2 小时前
通过socket设置版本更新提示
前端·vue.js·webpack·typescript·前端框架·anti-design-vue
疯狂的沙粒2 小时前
对 TypeScript 中高级类型的理解?应该在哪些方面可以更好的使用!
前端·javascript·typescript
gqkmiss2 小时前
Chrome 浏览器 131 版本开发者工具(DevTools)更新内容
前端·chrome·浏览器·chrome devtools
Summer不秃2 小时前
Flutter之使用mqtt进行连接和信息传输的使用案例
前端·flutter