We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
模板字符串由一对反引号标识符组成,${}为取值表达式
${}
let name = "Tony"; let age = 18 ; name+"今年"+age+"岁" ; //"Tony今年18岁" 等价于 `${name}今年${age}岁了`; //"Tony今年18岁"
我们用传统写法表达字符串和变量的拼接写法非常冗余,ES6的模板字符串就可以很好的解决这个问题
let name = "Tony"; let age = 18; `\`${name}\`今年${age}岁`; //"`Tony`今年18岁"
[object Object]
let obj = {}; `abc${obj}`; //"abc[object Object]"
let x = 1; let y = 2; 大括号里面是表达式,计算后输出 `${x} + ${y} = ${x + y}` // "1 + 2 = 3" 大括号里面是字符串,将原样输出 `${"Hello World"}` //"Hello World"
let newLis = "<li>1:aaa</li>" let ul = ` <ul> ${newLis} </ul> `; /* <ul> <li>1:aaa</li> </ul> */
let name = "Tony"; let age = 18 ; `${name}今年${`${age}`}岁了`; //"Tony今年18岁了"
function fn() { console.log(arguments); } let name = "Tony"; let age = 18 ; fn`${name}今年${age}岁了`; //{ '0': [ '', '今年', '岁了' ], '1': 'Tony', '2': 18 } 等同于 fn([ '', '今年', '岁了' ], 'Tony', 18); //{ '0': [ '', '今年', '岁了' ], '1': 'Tony', '2': 18 }
返回的arguments第一个属性包含了所有的除了变量外的部分,变量在后面逐个显示;注意第一个数组个数总是要比变量多一个,可以把${name}今年${name}岁了看成一条线,把每个变量${name} ${name}看成是一个分割点,分割的结果总是分割点多一份;如果变量位于首尾的时候会分割出一个空字符串'';
arguments
${name}今年${name}岁了
${name}
''
上一篇:ES6总结系列之 变量的解构赋值 篇 下一篇:ES6总结系列之 函数的扩展 篇
The text was updated successfully, but these errors were encountered:
No branches or pull requests
ES6总结系列之 模板字符串 篇
用法
模板字符串由一对反引号标识符组成,
${}
为取值表达式我们用传统写法表达字符串和变量的拼接写法非常冗余,ES6的模板字符串就可以很好的解决这个问题
要点
[object Object]
,如下面代码返回的
arguments
第一个属性包含了所有的除了变量外的部分,变量在后面逐个显示;注意第一个数组个数总是要比变量多一个,可以把${name}今年${name}岁了
看成一条线,把每个变量${name}
${name}
看成是一个分割点,分割的结果总是分割点多一份;如果变量位于首尾的时候会分割出一个空字符串''
;总结
arguments
第一个数包含所有非变量部分,且数量总比变量多一个上一篇:ES6总结系列之 变量的解构赋值 篇
下一篇:ES6总结系列之 函数的扩展 篇
The text was updated successfully, but these errors were encountered: