【ES6入門02】：解構賦值

CloudwiseAPM 發(fā)布于2019-08-23 12:25 / 2179人閱讀

摘要：數(shù)組解構賦值基本用法設置默認值變量交換函數(shù)返回結果賦值忽略某些返回值，只取需要的函數(shù)返回結果不確定，只關心第個，剩余的賦值到一個數(shù)組對象解構賦值基本用法變量名要和屬性名一致對應，變量名等于屬性名左側是一個對象，右側也是一個對象設置默認值數(shù)據(jù)

數(shù)組解構賦值

1.基本用法

{
    let a,b;
    [a,b] = [1,2];
    console.log(a, b); // 1 2
}
{
    let a,b,c;
    [a,b,...c] = [1,2,3,4,5,6];
    console.log(a, b, c); // 1 2 [3,4,5,6]
}
{
    let a,b,c;
    [a,b,c=3] = [1,2];  // 設置默認值
    console.log(a, b, c); // 1 2 3
}

2.變量交換

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

3.函數(shù)返回結果賦值

{
    function f() {
        return [true, false];
    }
    let a,b;
    [a, b] = f();
    console.log(a, b); // true false
}

4.忽略某些返回值，只取需要的

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

5.函數(shù)返回結果不確定，只關心第n個，剩余的賦值到一個數(shù)組

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

對象解構賦值

1.基本用法

{
    let obj = {p: 42, q: true};
    // 變量名要和屬性名一致對應，變量名等于屬性名
    // 左側是一個對象，右側也是一個對象
    let {p, q} = obj;
    console.log(p, q); // 42 true
}
{
    let {a=10, b=5} = {a:3}; // 設置默認值
    console.log(a, b); // 3 5
}

2.json數(shù)據(jù)的解構賦值

{
    let data = {
        title: "hahaha",
        test: [
            {
                title: "yoyoyo",
                desc: "description"
            }
        ]
    };
    let {title: mainTitle, test: [{title: subTitle}]} = data;
    console.log(mainTitle, subTitle); // hahaha yoyoyo
}

云服務器 GPU云服務器解構賦值 ES6入門對象解構解構函數(shù)

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98475.html

ES6學習摘要（02）（新人學習）

摘要：默認值同時，對象解構賦值也允許設置默認值，默認值生效的判斷條件同數(shù)組，只有在對應值嚴格等于時會生效。報錯如果要將一個已經(jīng)聲明的變量用于解構賦值，必須非常小心。的規(guī)則是，只要有可能導致解構的歧義，就不得使用圓括號。 ECMAScript6/ES6 入門 let和const命令四、變量的解構賦值在ES6之前，數(shù)組和對象屬性賦值只能直接指定固定值，ES6 允許按照一定模式，從數(shù)組和對象中...

Jonathan Shieber 2019-08-22 13:40 評論0 收藏0
ES6入門之變量的解構賦值

摘要：數(shù)組的解構賦值基本用法允許按照一定模式，從數(shù)組和對象中提取值，對變量進行賦值，這被稱為結構。如下以上都會報錯但是如果左邊為數(shù)組，右邊為字符串，將會取字符串的第一個下標的值對于結構，同樣可以使用數(shù)組的解構賦值。 showImg(https://segmentfault.com/img/remote/1460000018826068); 數(shù)組的解構賦值基本用法 ES6 允許按照一定模式...

gityuan 2019-08-23 16:51 評論0 收藏0
新手快速學習ES6語法,用最快的速度入門ES6就看這里

摘要：的作用域與命令相同只在聲明所在的塊級作用域內有效。數(shù)值和布爾值的解構賦值解構賦值時，如果等號右邊是數(shù)值和布爾值，則會先轉為對象。上面代碼中，數(shù)值和布爾值的包裝對象都有屬性，因此變量都能取到值。默認值解構賦值允許指定默認值。最近正在學習ES6,對于ES6的語法有一些自己的理解, 想寫這篇文章幫助跟我一樣的新手快速入門ES6而不至于連代碼都看不懂. 至于開發(fā)環(huán)境的搭建什么...

vspiders 2019-08-20 16:50 評論0 收藏0
es6知識點總結（一）

摘要：知識點總結一，，能重復聲明，有前置功能。淺拷貝一個數(shù)組設置原型。永遠是唯一的，不可能和別的重復，可以阻止對象的屬性被篡改前面不能使用操作符。和的區(qū)別鍵名可以是任何數(shù)據(jù)類型初始化的時候必須一次性指定鍵名和鍵值。 es6知識點總結（一） let，var，const var：能重復聲明，有前置功能。 let：有塊級作用域，沒有前置功能，不能重復聲明。 const：有塊級作用域，用來聲明常量(...

HelKyle 2019-08-20 18:03 評論0 收藏0
ES6知識拾遺，再讀ES6入門書籍總匯

摘要：凍結對象未定義就聲明的變量會默認為全局的變量，的變量都歸所有，命令命令命令聲明的全局變量，不屬于頂層對象的屬性即不會歸所有總結的六種聲明變量注意在瀏覽器環(huán)境指的是對象，在指的是對象。參數(shù)搭配的變量是一個數(shù)組，該變量將多余的參數(shù)放入數(shù)組中。 1.var,let,const區(qū)別答：(1).var有變量聲明提升，let&&const沒有，這樣導致了let,const必須聲明后才可以訪問...

thekingisalwaysluc 2019-08-23 18:30 評論0 收藏0