搜索
您的当前位置:首页正文

es6中的模板字符串

来源:爱够旅游网

为什么需要模板字符串

es6之前处理字符串繁琐的两个方面:
1.多行字符串
2.字符串拼接

var str1 = "abc\
bcd\
cde"
console.log(str1);

var str2 = "abc" + 
"bcd" +
"cde";
console.log(str2);

es6新增方法

模板字符串是es6中的新增方法,他真正意义上实现了多行字符串。而且他能做到把表达式的值放在字符串中给计算出来,这是非常强大的功能。

var love1 = "秋葵";
var love2 = "香菜";
var text = `大明喜欢${love1}
大明也喜欢${love2}
表达式可以是任何有意义的数据${1 + 3 * 2 / 0.5}

表达式是可以嵌套的:${`表达式中的模板字符串${love1 + love2}`}
\n\n
在模板字符串中使用\${JS表达式}可以进行赋值
`;
console.log(text);

因篇幅问题不能全部显示,请点此查看更多更全内容

Top