自我学习之es6(3)

      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!