基于ES6作用域和解構(gòu)賦值詳解

更新時間：2017年11月03日 09:46:56 作者：昊羲

下面小編就為大家?guī)硪黄贓S6作用域和解構(gòu)賦值詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

ES6 強(qiáng)制開啟嚴(yán)格模式

作用域

•var 聲明局部變量，for/if花括號中定義的變量在花括號外也可訪問

•let 聲明的變量為塊作用域，變量不可重復(fù)定義

•const 聲明常量，塊作用域，聲明時必須賦值，不可修改

// const聲明的k指向一個對象，k本身不可變，但對象可變

function test() {
 const k={
  a:1
 }
 k.b=3;
 
 console.log(k);
}

test()解構(gòu)賦值

{
 let a, b, 3, rest;
 [a, b, c=3]=[1, 2];

 console.log(a, b);
}
//output: 1 2 3

{
 let a, b, 3, rest;
 [a, b, c]=[1, 2];

 console.log(a, b);
}
//output: 1 2 undefined

{
 let a, b, rest;
 [a, b, ...rest] = [1, 2, 3, 4, 5, 6];
 console.log(a, b, rest);
}
//output:1 2 [3, 4, 5, 6]

{
 let a, b;
 ({a, b} = {a:1, b:2})

 console.log(a ,b);
}
//output: 1 2

使用場景

變量交換

{
 let a = 1;
 let b = 2;
 [a, b] = [b, a];
 console.log(a, b);
}

獲取多個函數(shù)值

{
 function f(){
  return [1, 2]
 }
 let a, b;
 [a, b] = f();
 console.log(a, b);
}

獲取多個函數(shù)返回值

{
 function f(){
  return [1, 2, 3, 4, 5]
 }
 let a, b, c;
 [a,,,b] = f();
 console.log(a, b);
}
//output: 1 4

{
 function f(){
  return [1, 2, 3, 4, 5]
 }
 let a, b, c;
 [a, ...b] = f();
 console.log(a, b);
}
//output: 1 [2, 3, 4, 5]

對象解構(gòu)賦值

{
 let o={p:42, q:true};
 let {p, q, c=5} = o;

 console.log(p ,q);
}
//output: 42 true 5

獲取json值

{
 let metaData={
  title: 'abc',
  test: [{
   title: 'test',
   desc: 'description'
  }]
 }
 let {title:esTitle, test:[{title:cnTitle}]} = metaData;
 console.log(esTitle, cnTitle);
}
//Output: abc test

以上這篇基于ES6作用域和解構(gòu)賦值詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

setInterval計(jì)時器不準(zhǔn)的問題解決方法
在js中如果打算使用setInterval進(jìn)行倒數(shù),計(jì)時等功能，往往是不準(zhǔn)確的，針對這個問題，本文有個不錯的解決方案
2014-05-05
再談Javascript中的異步以及如何異步
大家都知道js是單線程的，執(zhí)行起來是順序的，在順序的業(yè)務(wù)邏輯中當(dāng)然沒有問題，如果遇到可以并發(fā)執(zhí)行的業(yè)務(wù)邏輯，再排隊(duì)就很低級了！所以這里我們再來簡單的談?wù)凧S中的異步以及如何異步。
2016-08-08
這篇文章主要為大家詳細(xì)介紹了JavaScript面向?qū)ο缶帉戀徫镘嚬δ艿南嚓P(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08

基于IE下ul li 互相嵌套時的bug,排查,解決過程以及心得介紹

昨天到今天上午都在查一個IE的bug，情形如下：通過異步請求獲取json數(shù)據(jù)，然后拼接成html代碼，最后使用innerHTML類似方法插入到文檔流中。在chrome下和IE8\9下均表現(xiàn)正常。結(jié)果已進(jìn)入IE7，瀏覽器就崩潰，更別提IE6了，也是一副死給你看的樣子。于是我就把這個bug定位于IE6\7，其實(shí)這時候我已經(jīng)陷入了這個固定思維模式中，浪費(fèi)了不少時間

2013-05-05