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';