国产精品爱久久久久久久小说,女人扒开腿让男人桶到爽 ,亚洲欧美国产双大乳头,国产成人精品综合久久久久,国产精品制服丝袜无码,免费无码精品黄av电影,黑色丝袜无码中中文字幕,乱熟女高潮一区二区在线

            ES6的解構(gòu)賦值的用途總結(jié)

            2019-11-5    seo達(dá)人

            二 - ES6的解構(gòu)賦值的用途總結(jié)

            2 - 什么是ES6解構(gòu)

            在ES6中添加了一個(gè)新屬性:解構(gòu),允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z(yǔ)法將數(shù)組和對(duì)象的屬性賦給各種變量。解構(gòu)是一種打破數(shù)據(jù)結(jié)構(gòu),將其拆分為更小部分的過(guò)程,允許我們將右邊的表達(dá)式看起來(lái)也像變量聲明一般,然后在左邊將值一一提取。 解構(gòu)這種賦值語(yǔ)法較為簡(jiǎn)潔,比傳統(tǒng)的屬性訪問(wèn)更為清晰。

            還不了解什么是解構(gòu)賦值的,請(qǐng)參考:https://blog.csdn.net/azxqwe123/article/details/103296603

            下面只講怎么應(yīng)用:



            2.1 - ES6解構(gòu)賦值7種場(chǎng)景案例—用途

            (1)交換變量的值



            [x, y] = [y, x];

            上面代碼交換變量x和y的值,這樣的寫(xiě)法不僅簡(jiǎn)潔,而且易讀,語(yǔ)義非常清晰。



            (2)從函數(shù)返回多個(gè)值



            函數(shù)只能返回一個(gè)值,如果要返回多個(gè)值,只能將它們放在數(shù)組或?qū)ο罄锓祷亍S辛私鈽?gòu)賦值,取出這些值就非常方便。



            // 返回一個(gè)數(shù)組



            function example() {

              return [1, 2, 3];

            }

            var [a, b, c] = example();



            // 返回一個(gè)對(duì)象



            function example() {

              return {

                foo: 1,

                bar: 2

              };

            }

            var { foo, bar } = example();



            (3)函數(shù)參數(shù)的定義



            解構(gòu)賦值可以方便地將一組參數(shù)與變量名對(duì)應(yīng)起來(lái)。



            // 參數(shù)是一組有次序的值

            function f([x, y, z]) { ... }

            f([1, 2, 3]);



            // 參數(shù)是一組無(wú)次序的值

            function f({x, y, z}) { ... }

            f({z: 3, y: 2, x: 1});



            (4)提取JSON數(shù)據(jù)



            解構(gòu)賦值對(duì)提取JSON對(duì)象中的數(shù)據(jù),尤其有用。



            var jsonData = {

              id: 42,

              status: "OK",

              data: [867, 5309]

            };



            let { id, status, data: number } = jsonData;



            console.log(id, status, number);

            // 42, "OK", [867, 5309]

            上面代碼可以快速提取JSON數(shù)據(jù)的值。



            (5)函數(shù)參數(shù)的默認(rèn)值



            jQuery.ajax = function (url, {

              async = true,

              beforeSend = function () {},

              cache = true,

              complete = function () {},

              crossDomain = false,

              global = true,

              // ... more config

            }) {

              // ... do stuff

            };





            指定參數(shù)的默認(rèn)值,就避免了在函數(shù)體內(nèi)部再寫(xiě)var foo = config.foo || ‘default foo’;這樣的語(yǔ)句。



            (6)遍歷Map結(jié)構(gòu)



            任何部署了Iterator接口的對(duì)象,都可以用for…of循環(huán)遍歷。Map結(jié)構(gòu)原生支持Iterator接口,配合變量的解構(gòu)賦值,獲取鍵名和鍵值就非常方便。



            var map = new Map();

            map.set('first', 'hello');

            map.set('second', 'world');



            for (let [key, value] of map) {

              console.log(key + " is " + value);

            }

            // first is hello

            // second is world

            如果只想獲取鍵名,或者只想獲取鍵值,可以寫(xiě)成下面這樣。



            // 獲取鍵名

            for (let [key] of map) {

              // ...

            }



            // 獲取鍵值

            for (let [,value] of map) {

              // ...

            }



            (7)輸入模塊的指定方法



            加載模塊時(shí),往往需要指定輸入那些方法。解構(gòu)賦值使得輸入語(yǔ)句非常清晰。



            const { SourceMapConsumer, SourceNode } = require("source-map");


            日歷

            鏈接

            個(gè)人資料

            存檔

            主站蜘蛛池模板: 亚洲中文字幕无码一区| 亚洲欧美日本国产mag| 青青av在线| 中文字幕人成乱码熟女| 无套内谢少妇毛片免费看| 奇米精品一区二区三区在线观看| 性色av极品无码专区亚洲| 日韩精品一区二区三区影院| 亚洲最大av在线| 国产午夜精品av一区二区麻豆| 成人无码嫩草影院| 黄色一级视频免费看| 亚洲色大成网站WWW永久麻豆| 日本丰满护士videossexhd | 色欲一区二区三区精品a片| 337p亚洲欧洲色噜噜噜| 亚洲中文字幕无码久久2017 | 超碰caoporen| 欧美黑人大战白嫩在线| 成人精品在线| 懂色av一区二区三区蜜臀| 久久久久久综合网天天| 麻豆传媒在线观看视频| 激情婷婷六月| 真实国产乱子伦视频对白| 午夜肉体高潮免费毛片| 国产毛片精品一区二区色| 免费午夜福利在线观看视频| 在线免费毛片| 97国产精品视频人人做人人爱| 亚洲精品国产suv一区88| 国产麻豆精品sm调教视频网站| 久久大伊人| 久久精品国产99久久久古代| 久久www成人片免费看| 少妇被粗大猛进去69影院| 肉丝美足丝袜一区二区三区四| 国产高颜值大学生情侣酒店| 最新精品国偷自产在线老年人 | 成 人影片 免费观看在线| 日本福利在线|