ES6新增了let關(guān)鍵字
- 注意1：同一個(gè)塊級(jí)作用域內(nèi)谈跛，不允許重復(fù)聲明同一個(gè)變量。
{
var a =1;
let a =2; //報(bào)錯(cuò)赘来，因?yàn)閍已經(jīng)用var聲明過
}
{
let a =1;
let a= 2; //還是報(bào)錯(cuò)，a已經(jīng)用let聲明過。
}
- 注意2：函數(shù)內(nèi)不能用let重新聲明函數(shù)的參數(shù)
function say(word){
let word = 'hello Jack'; //報(bào)錯(cuò)：用let重新聲明word參數(shù)
alert(word)
}
say('hello Lili');
總結(jié)：用let聲明變量只在塊級(jí)作用域起作用胧弛，適合在for循環(huán)使用，也不會(huì)出現(xiàn)變量提升現(xiàn)象侠畔。同一個(gè)代碼塊內(nèi)结缚，不可重復(fù)聲明的相同變量，不可重復(fù)聲明函數(shù)內(nèi)的參數(shù)软棺。
關(guān)鍵字const 常量賦值
- 不可修改
const Name = '張三';
Name = '李四';//錯(cuò)誤红竭，企圖修改常量Name
- 只在塊級(jí)作用域起作用，這點(diǎn)與let關(guān)鍵字一樣喘落。
if(1){
const Name = '張三';
}
alert(Name);//錯(cuò)誤茵宪，在代碼塊{ }外，Name失效
- 不存在變量提升瘦棋，必須先聲明后使用稀火，這點(diǎn)也跟let關(guān)鍵字一樣。
if(1){
alert(Name);//錯(cuò)誤兽狭，使用前未聲明
const Name = '張三';
}
- 不可重復(fù)聲明同一個(gè)變量憾股，這點(diǎn)跟let也一樣。
var Name = '張三';
const Name = '李四';//錯(cuò)誤箕慧，聲明一個(gè)已經(jīng)存在的變量Name
- 聲明后必須要賦值
const NAME; //錯(cuò)誤服球，只聲明不賦值
- 賦值一個(gè)對(duì)象，傳址賦值
const Person = {"name":"張三"};
Person.name = "李四";
Person.age = 20;
console.log(Person);
//結(jié)果：正常輸出{name: "李四", age: 20}
const Person = {"name":"張三"};
Person.age = 20;
Person = {};
//錯(cuò)誤颠焦，企圖給常量Person賦新值（新地址）
總結(jié)：const也是用于聲明一個(gè)常量斩熊，并必須賦值，聲明后不可修改伐庭，跟let一樣粉渠，只在塊級(jí)作用域起作用分冈，不可重復(fù)聲明同一個(gè)變量，不會(huì)變量提升霸株，聲明引用類型的常量時(shí)雕沉，要注意是傳址賦值
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è)定默認(rèn)值
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
- 對(duì)象的解構(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ù)返回的多個(gè)值
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ù)的默認(rèn)值
function demo({name="張三"}){
console.log("姓名："+name);//結(jié)果：姓名：張三
}
demo({});
總結(jié)：解構(gòu)賦值給我們一種新的變量賦值方式，主要可以利用數(shù)組解構(gòu)賦值和對(duì)象解構(gòu)賦值宫莱。它的用途包括：交換變量值丈攒，提取函數(shù)返回值，函數(shù)參數(shù)定義授霸，默認(rèn)值設(shè)定等等巡验，都給我們編程帶來便利，在未來的代碼中會(huì)見到越來越多人使用這個(gè)新特性绝葡。
