模板字符串是在JS中创建字符串的一种新方法。我们可以通过使用反引号使模板字符串化。
//ES5 Version
var greet = ‘Hi I’m Mark’;
//ES6 Version
let greet = Hi I'm Mark
;
在ES5中我们需要使用一些转义字符来达到多行的效果,在模板字符串不需要这么麻烦:
//ES5 Version
var lastWords = ‘\n’
-
‘ I \n’
+’ Am \n’ -
‘Iron Man \n’;
//ES6 Version
let lastWords =I Am Iron Man
;
}
在ES5版本中,我们需要添加\n以在字符串中添加新行。在模板字符串中,我们不需要这样 做。
//ES5 Version
function greet(name) {
return ‘Hello ‘ + name + ‘!’;
}
//ES6 Version
function greet(name) {
returnHello ${name} !
;
}
在ES5版本中,如果需要在字符串中添加表达式或值,则需要使用+运算符。在模板字符串s 中,我们可以使用${expr}嵌入一个表达式,这使其比ES5版本更整洁。
Was this helpful?
0 / 0