js中模板字符串的使用

JavaScript023

js中模板字符串的使用,第1张

es6中增加了模板字符串,使字符的操作更加灵活和解决复杂的问题。

语法:

使用反引号( ` )来包裹普通字符串。如:

在模板字符串中可以将任何有效的 JS 表达式嵌入到模板字面量中,并将其结果输出为 字符串的一部分。如:

简单的变量替换

复杂的表达式

经过babel的转换后

其实原理就是字符串拼接。所以如果${}中不是字符串,则会类型转换成字符串

标签模板

标签模板更多的是用来自定义拼接规则的。

手写startsWith、endsWite、includes

v8 js源码中的startsWith

includes

repeat方法返回一个新字符串,表示将原字符串重复n次。

如果repeat的参数是负数或者Infinity,会报错。

v8 js源码中的repeat

fromCharCode不能识别码点大于0xFFFF的字符。需要使用fromCodePoint

同样charCodeAt无法识别大于0xFFFF的字符 需要使用codePointAt