ES6新特性---模板字符串、参数默认值
2020-06-05 14:29
141 查看
模板字符串
传统定义字符串的方式有单引号和双引号,在ES2015中新增了反引号定义的模板字符串的方式
该种方法与传统的定义字符串有两个个不同点
- 支持换行
- 可用 $ { } 的方式进行插值表达式的插入,减少了字符串的拼接过程。
带标签的模板字符串
在字符串前可以加一个标签,标签实际就是一个函数,添加标签即为调用这个函数。
带标签的模板字符串的标签方法中,Strings是将模板中的静态字符串转化为字符数组输出,而插值表达式中的值也能在标签方法中通过对应的变量名拿到。
实际应用场景可以实现文本的多语言化(翻译成中文或者英文)和相应属性的判断。
于此之外,在ES2015中还提供了三个新方法,分别是includes(),startsWith(),endsWith(),见名知意即可,不再过多赘述。
默认参数值
以前传参需要设定默认值时,需要在函数体中进行逻辑判断和赋值,这种方法需要注意的是,在进行逻辑判断时,假如判断一个布尔变量,需要三目运算符的判断应该是是否为undefined。
在ES2015之后,只需要在传入参数后面加上等号,输入你要给的默认值,就能完成默认参数值得设定,在没有传入该参数时,会使用默认值。值得注意得是,假如有多个参数,带有默认参数值的参数应该放在参数列表的最后一个,否则默认参数值将不能正常工作。
剩余参数 … 操作符
很多方法可以传递任意个数的参数,比如console.log的方法,就可以接受任意个数的参数。对于未知个数的参数,之前都是使用arguments对象进行接受,它其实是一个伪数组,在ES2015的新特性中新增了一个 … 操作符,也就算剩余形参的操作符。
只能调用一次,会将之后的所有参数放入一个数组中。
… 操作符也可用于展开数组
相关文章推荐
- 【微信小程序+ES6新特性应用】字符串模板:美元符号$+大括号{}变量的写法
- ES6(ECMAScript 6)新特性之模板字符串用法分析
- ES6的全新特性:模板字符串
- ES6字符串模板,剩余参数,默认参数功能与用法示例
- ES6 Json 以及字符串相关新特性(字符串模板)
- ES6, Angular,React和ABAP中的String Template(字符串模板)
- es6模板字符串中标签模板作为参数时产生空元素的问题
- ECMA2015(ES6)简单入门-1-let块-恒量const-解构-字符串模板
- ES6-字符串扩展-模板字符串的限制
- 字符串传递给函数模板的引用参数出现出人意料的结果
- 在模板类中使用字符串作为无类型模板参数
- ES6 模板字符串
- ES6模板字符串不识别script标签
- ES6 Template String 模板字符串
- ES6 模板字符串
- ES6 —— 模板字符串
- ObjectC中弥补switch参数不能为字符串的方法(主要通过block特性)
- ES6模板字符串编译示例
- ES6(六: 函数扩展)(默认值,rest参数,扩展运算符)
- ES6笔记之参数默认值(译)