ES6新增了let關(guān)鍵字
- 注意1：同一個塊級作用域內(nèi)，不允許重復聲明同一個變量。
{
var a =1;
let a =2; //報錯，因為a已經(jīng)用var聲明過
}
{
let a =1;
let a= 2; //還是報錯，a已經(jīng)用let聲明過。
}
- 注意2：函數(shù)內(nèi)不能用let重新聲明函數(shù)的參數(shù)
function say(word){
let word = 'hello Jack'; //報錯：用let重新聲明word參數(shù)
alert(word)
}
say('hello Lili');
總結(jié)：用let聲明變量只在塊級作用域起作用，適合在for循環(huán)使用，也不會出現(xiàn)變量提升現(xiàn)象。同一個代碼塊內(nèi)，不可重復聲明的相同變量，不可重復聲明函數(shù)內(nèi)的參數(shù)。
關(guān)鍵字const 常量賦值
- 不可修改
const Name = '張三';
Name = '李四';//錯誤，企圖修改常量Name
- 只在塊級作用域起作用，這點與let關(guān)鍵字一樣。
if(1){
const Name = '張三';
}
alert(Name);//錯誤，在代碼塊{ }外，Name失效
- 不存在變量提升，必須先聲明后使用，這點也跟let關(guān)鍵字一樣。
if(1){
alert(Name);//錯誤，使用前未聲明
const Name = '張三';
}
- 不可重復聲明同一個變量，這點跟let也一樣。
var Name = '張三';
const Name = '李四';//錯誤，聲明一個已經(jīng)存在的變量Name
- 聲明后必須要賦值
const NAME; //錯誤，只聲明不賦值
- 賦值一個對象，傳址賦值
const Person = {"name":"張三"};
Person.name = "李四";
Person.age = 20;
console.log(Person);
//結(jié)果：正常輸出{name: "李四", age: 20}
const Person = {"name":"張三"};
Person.age = 20;
Person = {};
//錯誤，企圖給常量Person賦新值（新地址）
總結(jié)：const也是用于聲明一個常量，并必須賦值，聲明后不可修改，跟let一樣，只在塊級作用域起作用，不可重復聲明同一個變量，不會變量提升，聲明引用類型的常量時，要注意是傳址賦值
ES6新特性：解構(gòu)賦值
- 變量的解構(gòu)賦值
var [a,b,c] = [1,2,3]; //把數(shù)組的值分別賦給下面的變量；
console.log(a);//a的值為1
console.log(b);//b的值為2
console.log(c);//c的值為3
- 結(jié)構(gòu)賦值可以嵌套的
var [ a,b,[ c1,c2 ] ] = [ 1,2,[ 3.1,3.2 ] ];
console.log(c1);//結(jié)果：c1的值為3.1
console.log(c2);//結(jié)果：c2的值為3.2
- 不完全解構(gòu)
var [a,b,c] = [1,2];
console.log(a);//結(jié)果：a的值為1
console.log(b);//結(jié)果：b的值為2
- 賦值不成功，變量的值為undefined
var [a,b,c] = [1,2];
console.log(a);//結(jié)果：a的值為1
console.log(b);//結(jié)果：b的值為2
console.log(c);//結(jié)果：c的值為undefined
- 允許設(shè)定默認值
var [a,b,c=3] = [1,2];
console.log(a);//結(jié)果:a的值為1
console.log(b);//結(jié)果:b的值為2
console.log(c);//結(jié)果:c的值為3
var [a,b,c=3] =[1,2,4];
console.log(a);//結(jié)果:a的值為1
console.log(b);//結(jié)果:b的值為2
console.log(c);//結(jié)果:c的值為4
- 對象的解構(gòu)賦值
var { a,b,c} = {"a":1,"b":2,"c":3};
console.log(a);//結(jié)果：a的值為1
console.log(b);//結(jié)果：b的值為2
console.log(c);//結(jié)果：c的值為3
- 字符串的解構(gòu)賦值
var [a,b,c,d,e] = "我就是前端";
console.log(a);//我
console.log(b);//就
console.log(c);//是
console.log(d);//前
console.log(e);//端
- 解構(gòu)賦值的用途
一、交換變量的值
var x = 1;
var y = 2;
[x,y] = [y,x];
二、提取函數(shù)返回的多個值
function demo(){
return {"name":"張三","age":21}
}
var {name,age} = demo();
console.log(name);//結(jié)果：張三
console.log(age);//結(jié)果：21
三、定義函數(shù)參數(shù)
function demo({a,b,c}){
console.log("姓名："+ a);
console.log("身高："+ b);
console.log("體重："+ c);
}
demo({a:"張三",b:"1.72m",c:"50kg",d:"8000"});
四、函數(shù)參數(shù)的默認值
function demo({name="張三"}){
console.log("姓名："+name);//結(jié)果：姓名：張三
}
demo({});
總結(jié)：解構(gòu)賦值給我們一種新的變量賦值方式，主要可以利用數(shù)組解構(gòu)賦值和對象解構(gòu)賦值。它的用途包括：交換變量值，提取函數(shù)返回值，函數(shù)參數(shù)定義，默認值設(shè)定等等，都給我們編程帶來便利，在未來的代碼中會見到越來越多人使用這個新特性。
