ES6
一、解構(gòu)賦值
ES6允許按照一定模式样勃，從數(shù)組和對(duì)象中提取值吠勘，對(duì)變量進(jìn)行賦值，這被稱為結(jié)構(gòu)賦值峡眶，解構(gòu)賦值主要包括數(shù)組的結(jié)構(gòu)賦值剧防、對(duì)象的結(jié)構(gòu)賦值、字符串的結(jié)構(gòu)賦值辫樱、函數(shù)參數(shù)的結(jié)構(gòu)賦值峭拘。
數(shù)組的解構(gòu)賦值
代碼如下
傳統(tǒng)賦值
var num1=1;
var num2=2;
var num3=3;
結(jié)構(gòu)賦值
let [str1,str2,str3]=['aa','bb','cc'];
console.log(str1);
console.log(str2);
console.log(str3);
對(duì)象的解構(gòu)賦值
代碼如下：
let {num1,num2}={num1:100,num2:10};
console.log(num1);
console.log(num2);
字符串的解構(gòu)賦值
代碼如下：
let [a,b,c,d,e]=['hello'];
console.log(a);
console.log(b);
console.log(c);
console.log(d);
console.log(e);
函數(shù)參數(shù)的解構(gòu)賦值
代碼如下
function fn([x,y]){
? ? return x+y;
}
console.log(fn([10,20]));
解析：由于平時(shí)傳入的參數(shù)x，y作為變量進(jìn)行傳入狮暑，加上“[ ]”表示以一個(gè)數(shù)組的形式進(jìn)行傳入?yún)?shù)鸡挠，在調(diào)用函數(shù)的同時(shí)也是同樣。
調(diào)換兩個(gè)數(shù)的值
之前的寫法
var a=3;
var b=5
var c;
交換兩個(gè)數(shù)的值：聲明第三個(gè)變量
c=b;
b=a;
a=c;
使用es6語法
let num1=10;
let num2=20;
[num1,num2]=[num2;num1];
console.log(num1);
console.log(num2);
模板字符串
多行字符串
用單引號(hào)或是雙引號(hào)表示的字符串在編輯的過程中只能在一行顯示搬男，若要在多行顯示需要在每一行結(jié)尾添加一個(gè)斜杠拣展，這樣的編輯方式對(duì)開發(fā)者顯然不夠友好，我們可以使用模板字符串的功能換行編輯字符串缔逛，代碼如下所示
let str=`hello
? ? world
? ? `;
? ? console.log(str);
字符串中定義變量
es5寫法
var name='jack';
