1. ``
使用``包裹的字符串，仍然是字符串，但区别' ' 和 " "拥有更多的功能
1.多行字符串
let message = `Multiline
string`;
console.log(message); // "Multiline
// string"
console.log(message.length); // 16
2.产生替换位
let name = "Nicholas",
message = `Hello, ${name}.`;
console.log(message); //Hello, Nicholas.
3.标签化模板
模板字符串的一种更高级的形式称为带标签的模板字符串。它允许您通过标签函数修改模板字符串的输出。标签函数的第一个参数是一个包含了字符串字面值的数组（在本例中分别为“Hello”,“world”和""）；第二个参数，在第一个参数后的每一个参数，都是已经被处理好的替换表达式（在这里分别为“15”和“50”）。 最后，标签函数返回处理好的字符串。在下面的例子中，命名这个标签并没有什么特殊的地方，这个函数的名字可以是任何你想要的。
var a = 5;
var b = 10;
function tag(strings, ...values) {
console.log(strings[0]); // "Hello "
console.log(strings[1]); // " world "
console.log(strings[2]); // ""
console.log(values[0]); // 15
console.log(values[1]); // 50
return "Bazinga!";
}
tag`Hello ${ a + b } world ${ a * b}`;
// "Bazinga!"
2.箭头函数 =>
1.this与闭包
2.简写
在Array类的方法很常见
let timeOut = setTimeout(
() => next(action),
action.meta.delay
)
3.解构
4.扩展语句
1.用于函数调用
myFunction(...iterableObj)
2.复制一个数组
let arr = [1, 2, 3];
let arr2 = [...arr]; // 就像是 arr.slice()
arr2.push(4);
console.log(arr2) ;// [1, 2, 3, 4]
// arr 不受影响
3.一个更好的连接数组的方法
let [arr1, arr2] = [[0, 1, 2], [3, 4, 5]];
//直接连接
console.log([...arr1, ...arr2]);
let parts = ['shoulder', 'knees'];
let Tshirts = ['Lee', 'Nike'];
let lyrics = ['head', ...parts, 'and', 'toes']; //可以在任何位置
4.将类数组对象转换成数组
var nodeList = document.querySelectorAll('div');
var array = [...nodeList];
如果需要用[...nodeList]，则确保nodeList为数组或者可遍历对象(iterables)
(未完待续)
