ECMA6字符串与传统字符串的区别
传统字符串:所有单引号、双引号括起来的都叫字符串。
ECMA6字符串:反引号;(··)
1.在学习js过程中,传统的字符串在定义的时候,如果出现折行的情况,程序会直接报错。(如果想输出的结果要折行,这样就比较难办了。折行转义也会各种奇怪的现象。)
var str = "hello
world ";
alert(str);
如果增加转义字符的话,输出的结果也是比较奇怪。
中间也是一个大空格。
如果用ECMA6字符串可以避免上面的现象。
var str = `hello
world `;
alert(str);
2.反引号里面可以用${变量/表达式/函数调用}
例子1:
可以不用通过’+'拼接字符串。同时,${}大括号字面是接受函数表达式和变量和函数调用的。
function showSelf({name,age,sex = "男"}) {
alert(`我叫${name},今年${age},是一位${sex}性`);
}
showSelf({name: "小明",age: 18});
如果${}大括号输入表达式:
function showSelf({
name,
age,
sex = "男"
}) {
alert(`我叫${name},今年${Math.max(age,20,30)},是一位${sex}性`);
}
showSelf({
name: "小明",
age: 18
});
结果: