成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【ES6入門02】：解構(gòu)賦值

CloudwiseAPM / 2193人閱讀

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

數(shù)組解構(gòu)賦值

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ù)返回結(jié)果賦值

{
    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ù)返回結(jié)果不確定，只關(guān)心第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]
}
對象解構(gòu)賦值

1.基本用法

{
    let obj = {p: 42, q: true};
    // 變量名要和屬性名一致對應，變量名等于屬性名
    // 左側(cè)是一個對象，右側(cè)也是一個對象
    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ù)的解構(gòu)賦值

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98475.html

相關(guān)文章

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

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

    Jonathan Shieber 評論0 收藏0

  • ES6入門之變量的解構(gòu)賦值

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

    gityuan 評論0 收藏0

  • 新手快速學習ES6語法,用最快的速度入門ES6就看這里

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

    vspiders 評論0 收藏0

  • es6知識點總結(jié)（一）

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

    HelKyle 評論0 收藏0

  • ES6知識拾遺，再讀ES6入門書籍總匯

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

    thekingisalwaysluc 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<