您的位置:首页 > 其它

ES6新特性---模板字符串、参数默认值

2020-06-05 14:29 141 查看

模板字符串

传统定义字符串的方式有单引号和双引号,在ES2015中新增了反引号定义的模板字符串的方式
该种方法与传统的定义字符串有两个个不同点

  1. 支持换行
  2. 可用 $ { } 的方式进行插值表达式的插入,减少了字符串的拼接过程。

带标签的模板字符串

在字符串前可以加一个标签,标签实际就是一个函数,添加标签即为调用这个函数。
带标签的模板字符串的标签方法中,Strings是将模板中的静态字符串转化为字符数组输出,而插值表达式中的值也能在标签方法中通过对应的变量名拿到。
实际应用场景可以实现文本的多语言化(翻译成中文或者英文)和相应属性的判断。
于此之外,在ES2015中还提供了三个新方法,分别是includes(),startsWith(),endsWith(),见名知意即可,不再过多赘述。

默认参数值

以前传参需要设定默认值时,需要在函数体中进行逻辑判断和赋值,这种方法需要注意的是,在进行逻辑判断时,假如判断一个布尔变量,需要三目运算符的判断应该是是否为undefined。
在ES2015之后,只需要在传入参数后面加上等号,输入你要给的默认值,就能完成默认参数值得设定,在没有传入该参数时,会使用默认值。值得注意得是,假如有多个参数,带有默认参数值的参数应该放在参数列表的最后一个,否则默认参数值将不能正常工作。

剩余参数 … 操作符

很多方法可以传递任意个数的参数,比如console.log的方法,就可以接受任意个数的参数。对于未知个数的参数,之前都是使用arguments对象进行接受,它其实是一个伪数组,在ES2015的新特性中新增了一个 … 操作符,也就算剩余形参的操作符。

只能调用一次,会将之后的所有参数放入一个数组中。
… 操作符也可用于展开数组

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: