es6模板字符串、增强的对象字面量、解构赋值

es6模板字符串、增强的对象字面、解构赋值

模板字符串 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串。

var str = `I
			Love
			you`;
console.log(str);
var str1 = "I"+
			"Love"+
			"You"
console.log(str1)

var name = "筱妍";
var age = 23;
var sex = "女";
var js = "我叫"+name+",今年"+age+"，性别"+sex+"，来自黑龙江哈尔滨";
console.log(js)

var js1 = `我叫${name},今年${age}，性别${sex}，来自黑龙江哈尔滨`;
console.log(js1);

//标签模板字符串
function tag(strings,...args){
	console.log(strings);
	console.log(args);
}
var a = 1;
var b = 2;
var st = tag`
	${a} + ${b}=${a+b}
	`;
console.log(st);

``撇号

绑定变量

字符串支持多行

...扩展运算符

---

对象字面量的输出方式有两种：传统的‘。’，以及数组方式，只不过用数组方式输出时，方括号里面要用引号括起来

var box = {
   name:’abc’;
   age:28
};
alert(box[‘name’])

对象字面量的定义方式，可以轻松搞定函数大量参数需要一一对应输出的情况。他的对策就是给函数传入一个对象，而这个对象是用字面量的方式定义的，属性和值对应的方式可以一目了然他们的关系，因为函数只是一段代码，必须调用才能执行

function AA(obj){
      alert(obj.name);
       alert(obj.age);
}
var obj = {
      name: 'abc',
      age: 28
}
AA(obj);

字面量对象属性能够简写

字面量对象方法可以简写省去function关键字

对象属性 可以写 自动计算的属性

继承——port——

---

解构赋值可将数组的元素或对象的属性赋予给另一个变量，该变量的定义语法与数组字面量或对象字面量很相似。此语法非常简洁，相比于传统的属性访问方式，更加直观清晰。

var first = someArray[0];
var second = someArray[1];
var third = someArray[2];

事实上，用变量来描述并不恰当，因为你可以对任意深度的嵌套数组进行解构：

var [foo, [[bar], baz]] = [1, [[2], 3]];
console.log(foo);
// 1
console.log(bar);
// 2
console.log(baz);
// 3

可以在对应位留空来跳过被解构数组中的某些元素：

var [,,third] = ["foo", "bar", "baz"];
console.log(third);
// "baz"

指es6允许我们提取数组和对象里的值，赋给变量，

函数的解构赋值