TypeScript 反引号 有大用

TypeScript-字符串新特性（所有例子都是es6语法）

一、 多行字符串

var str = `111,

222,

333,

444`;

• 多行字符串使用双撇号声明变量（即：反引号），好处是可以随意换行无需拼接字符串

二、 字符串模板：在多行字符串里，用一个表达式去插入变量或者用以调用方法

var myName = '怪诞咖啡';

var getName = function () {

    return myName;

}

console.log(`Hello ${myName}`); // 调用变量

console.log(`Hello ${getName()}`); // 调用函数

• 注：字符串模板${}，只有在反引号``中有作用，在双引号（""）和单引号（''）中只会当字符串输出

三、 自动拆分字符串：当用一个字符串模板去调用一个方法的时候，这个字符串模板里面表达式的值会自动赋值给被调用方法中的参数

function test(name, age, job) {

    console.log(name);

    console.log(age);

    console.log(job);

}

var myName = "怪诞咖啡";

var getAge = function () {

    return 18;

}

test `Hello my name is ${myName}, I'm ${getAge()}`;

• 调用test函数，进行参数传递时候，不需要写双括号，直接使用反引号

• 第一个参数是：字符串模板的值 => ["Hello my name is ",", I'm ",""]

• 第二个参数是：第一个表达式的值 => 怪诞咖啡

• 第三个参数是：第二个表达式的值 => 18

来自  https://www.cnblogs.com/liu-fei-fei/p/7965672.html