携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第9天,点击查看活动详情
本期我们继续学习ES6新特性
- 模板字符串标签函数
- 字符串扩展方法
可以使用字符串打点调用startWith、endWith、includes进行开头、结尾、包含判断
- 参数默认值
- 在函数中定义形参时,赋予其默认值。当调用该函数时,设置了实参(实参是需要写等号后面的内容),可以直接在函数内部使用实参;当没有设置实参时,会在函数内部使用默认值进行使用
- 当函数形参中要传入两个值时,第一个为赋予默认值的变量,第二个为字符串,为了使用方便,一般将第一个和第二个的位置调换
- 剩余操作符
- args用来接收传入的实参,存放在一个类数组中
ES6中…代表剩余操作符。如上图。第一个n用来接收1,剩余的三个实参被存入args中
- args用来接收传入的实参,存放在一个类数组中
- 展开操作符
- …展开符可以直接对数组内容进行展开
- …展开符可以直接对数组内容进行展开
- 箭头函数(简化函数定义过程)
最简单的语句,=>右边是return a+1的值给plus,plus是函数名
- 数组中的filter方法,创建一个新数组,如果他后面的判断条件值为真,则将内容传入新数组,用来筛选数组
- 箭头函数:对象中的箭头函数
- 对象中的箭头函数内部没有this这个机制,当对象中的函数使用箭头函数时,其中的this没有具体指向,会使用外部的this
- 特殊地,当对象中的函数在内嵌一个延时函数时,因为延时函数中的this指向的window全局对象,所以需要在延时函数外部设置一个变量用来接收this。而当把延时函数使用箭头函数的方式书写时,可以直接调用this
- 对象中的箭头函数内部没有this这个机制,当对象中的函数使用箭头函数时,其中的this没有具体指向,会使用外部的this