deep-in-es6(三)


模板字符串:反撇号(`)包起来的内容。
eg:

var str = `assassin`;
console.log(str);

模板占位符:${};可达到数据的渲染,在占位符中可以是表达式,运算符,函数等,甚至还可以套用模板(模板的套构);

function stu(name,age) {
    //return `你好${name},${age-3}好年轻哦`;
    return `你好${name},${`你好你的${age}`}好年轻哦`;
}
console.log( stu("assassin",23) );

模板占位符里面要是用到 ` $ {}的话要转义。\`,$,{}。

function stu(name,age) {
    return `你好${name}\`{hhhh},${`你好你的${age}`}好年轻哦`;
}
console.log( stu("assassin",23) );

模板字符串具有一般字符串的方法,模板字符串是字符串的子集。

var str = `assassin`;
console.log(str.length);//8
console.log(str.indexOf("a"));//0

标签模板:在模板字符串开始的反撇号前附加一个额外的标签。

    var str = `assassin`;
    console.log(str.indexOf("a"));
    function stu(name,age) {
        //return `你好${name},${age-3}好年轻哦`;
        return `你好${name}\`{hhhh},${`你好你的${age}`}好年轻哦`;
    }
    console.log( stu("assassin",23) );
原文地址:https://www.cnblogs.com/intelwisd/p/7912965.html