(精华)2020年7月3日 JavaScript高级篇 ES6(模板字符串)

模板字符串

简便换行和嵌入变量操作

// 简便换行
let s1 = '我爱我的祖国\n和我的母亲'
console.log(s1);
let s2 = `我爱我的祖国
和我的母亲`
console.log(s2);
let a = '和我的母亲'
let b = '我爱我的祖国'+a+'还有我的妻子'
console.log(b);
let b1 = `我爱我的祖国${a}还有我的妻子`
console.log(b1);

调用函数

 // 调用函数
function fn(){
    return '祖国'
}
console.log(`亲爱的${fn()}你好`);

模板字符串嵌套

 // 支持嵌套
let arr = [1,2,3]
const str = (arr)=>`
我是一级字符串
${arr.map(v=>`${v}`)}
`
console.log(str(arr));