ES6 字符串模板(Template Strings)

字符串模板是我刚接触ES6时最喜欢的特性之一,他语法简洁,语义明确,而且很好的解决了之前字符串拼接麻烦的问题。

因为他并不是 “必须” 的,而且原有的字符串拼接思维根深蒂固,导致我们很容易忽视掉他。

使用实例

我们先来看看他的一般使用场景:

const start = 'hi all';

const getName = () => {
return 'jelly';
};

const conf = {
fav: 'Coding'
};

// 模板

const msg = `${start}, my name is ${getName()}, ${conf.fav} is my favourite`;

你可能不知道的事

// 1. 与引号混用

const wantToSay = `I'm a "tbfed"`;

// 2. 支持多行文本

const slogan =
`
I have a dream today!
`;

转载自:http://taobaofed.org/blog/2016/07/22/es6-basics/

打赏支持

如果文章对你有帮助就打个赏吧~

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

评论

还没有任何评论,你来说两句吧

发表评论

Powered By Yuuk