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容許咱們提取數組和對象裏的值，賦給變量，

函數的結構賦值

祝你們開心