ES6新特性(二) | 一起学系列

89 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第9天,点击查看活动详情

本期我们继续学习ES6新特性

  • 模板字符串标签函数 图片1.png image.png
  • 字符串扩展方法 image.png 可以使用字符串打点调用startWith、endWith、includes进行开头、结尾、包含判断
  • 参数默认值
    • 在函数中定义形参时,赋予其默认值。当调用该函数时,设置了实参(实参是需要写等号后面的内容),可以直接在函数内部使用实参;当没有设置实参时,会在函数内部使用默认值进行使用
    • 当函数形参中要传入两个值时,第一个为赋予默认值的变量,第二个为字符串,为了使用方便,一般将第一个和第二个的位置调换 image.png
  • 剩余操作符
    • args用来接收传入的实参,存放在一个类数组中 image.png ES6中…代表剩余操作符。如上图。第一个n用来接收1,剩余的三个实参被存入args中
  • 展开操作符
    • …展开符可以直接对数组内容进行展开 image.png
  • 箭头函数(简化函数定义过程) image.png 最简单的语句,=>右边是return a+1的值给plus,plus是函数名
  • 数组中的filter方法,创建一个新数组,如果他后面的判断条件值为真,则将内容传入新数组,用来筛选数组 image.png
  • 箭头函数:对象中的箭头函数
    • 对象中的箭头函数内部没有this这个机制,当对象中的函数使用箭头函数时,其中的this没有具体指向,会使用外部的this image.png
    • 特殊地,当对象中的函数在内嵌一个延时函数时,因为延时函数中的this指向的window全局对象,所以需要在延时函数外部设置一个变量用来接收this。而当把延时函数使用箭头函数的方式书写时,可以直接调用this