自我学习之es6(3)

来源:互联网 发布:vb中left是什么意思 编辑:程序博客网 时间:2024/05/17 22:10

      es6引入了模板字符串的概念,大大方便了字符串的拼接,先来举个例子,看一下之前用加号的字符串拼接

let firstName = 'Flowke',    lastName='Hurley';let string='My name is ' + firstName + ' ' + lastName + '!';console.log(string);

这个是传统的写法,打印出来是My name is Flowke Hurley!

用es6的模板字符串可以这么写

let s =`My name is ${firstName} ${lastName}!`;console.log(s);

把所有的要输出的内容放到两个反引号当中,可以用${}在里面写表达式,${}里除了可以放变量,还可以放一个函数的调用,比如

function fn(){return 'Mike';}let st = `My name is ${fn()} ${lastName}!`;console.log(st);

这里就放了一个fn的函数调用,因为它有返回值,所以是可以输出的,除了可以放函数还可以放比如三目运算符

let st1=`My name is ${3>2 ? 'Moli' : 'Mike'} ${lastName}!`console.log(st1);
这里打印出来的就是My name is Moli Hurley!





原创粉丝点击