變量的解構(gòu)

通俗點(diǎn)講烫止,就是可以批量的定義變量如:

let [a, b, c] = [1, 2, 3]  //a=1, b=2, c=3
let [a1, b1] = [1, 2, 3]  //a1=1, b1=2
let { bar, foo } = { foo: "aaa", bar: "bbb" };   
foo // "aaa"
bar // "bbb"

常用用途

1. 交換變量值
let x = 1;
let y = 2;
[x, y] = [y, x];

2.從對象返回值

// 返回一個數(shù)組
function example() {
  return [1, 2, 3];
}
let [a, b, c] = example();

// 返回一個對象
function example2() {
  return {
    foo: 1,
    bar: 2
  };
}
let { foo, bar } = example2();

//取json返回值
let jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]

//輸入模塊的返回對象
const { SourceMapConsumer, SourceNode } = require("source-map");

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

let a = ({x=1,y}={})=>{console.log(x,y)}
a()                   //1,undefined
a({x:2})            //2,undefined
a({y:2})            //1,2

這個默認(rèn)參數(shù)一定是對象形式的违帆,所以必須在加上={}律杠。相當(dāng)于給這個對象參數(shù)給個空對象的默認(rèn)值簸喂,因?yàn)樵谡{(diào)用的時候块差,如果沒傳參數(shù)侵续,對象的值是undefinded倔丈,那么再調(diào)用對象下面的屬性就會報錯,可以理解為:

let x = {}
x.y = 1
console.log(x.y)   //1
let m = undefined
m.n = 1   //Uncaught TypeError

函數(shù)參數(shù)默認(rèn)值這種寫法状蜗,在定義參數(shù)的時候就稍有點(diǎn)麻煩需五,而且只能是對象形式的,調(diào)用的時候也要傳入對象參數(shù)轧坎。在比較復(fù)雜的函數(shù)可以考慮宏邮,簡單點(diǎn)的還不如在函數(shù)里定義下方便let x = x || defaultVal

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市眶根,隨后出現(xiàn)的幾起案子蜀铲,更是在濱河造成了極大的恐慌边琉,老刑警劉巖属百,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異变姨,居然都是意外死亡族扰,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門定欧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渔呵,“玉大人,你說我怎么就攤上這事砍鸠±┣猓” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵爷辱,是天一觀的道長录豺。 經(jīng)常有香客問我,道長饭弓,這世上最難降的妖魔是什么双饥? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮弟断,結(jié)果婚禮上咏花,老公的妹妹穿的比我還像新娘。我一直安慰自己阀趴,他們只是感情好昏翰,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著刘急,像睡著了一般棚菊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上排霉,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天窍株,我揣著相機(jī)與錄音民轴,去河邊找鬼。 笑死球订,一個胖子當(dāng)著我的面吹牛后裸,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播冒滩,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼微驶,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了开睡?” 一聲冷哼從身側(cè)響起因苹,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤节芥,失蹤者是張志新(化名)和其女友劉穎驱闷,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瓦糕,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡胁艰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年款筑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腾么。...
    茶點(diǎn)故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡奈梳,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出解虱,到底是詐尸還是另有隱情攘须,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布殴泰,位于F島的核電站于宙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏艰匙。R本人自食惡果不足惜限煞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望员凝。 院中可真熱鬧署驻,春花似錦、人聲如沸健霹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽糖埋。三九已至宣吱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間瞳别,已是汗流浹背征候。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工杭攻, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人疤坝。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓兆解,卻偏偏與公主長得像,于是被迫代替她去往敵國和親跑揉。 傳聞我的和親對象是個殘疾皇子锅睛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 1.數(shù)組的解構(gòu)賦值 2.對象的解構(gòu)賦值 3.字符串的解構(gòu)賦值 4.數(shù)值和布爾值的解構(gòu)賦值 5.函數(shù)參數(shù)的解構(gòu)賦值 ...
    卞卞村長L閱讀 917評論 0 0
  • 本文通過學(xué)習(xí)阮一峰的博客,外加自己的理解历谍,整理了一下我對js變量的解構(gòu)賦值的理解现拒。 數(shù)組的解構(gòu)賦值 對象的解構(gòu)賦值...
    宋樂怡閱讀 468評論 0 2
  • 數(shù)組的解構(gòu)賦值 基本用法 ES6允許按照一定模式,從數(shù)組和對象中提取值望侈,對變量進(jìn)行賦值印蔬,這被稱為解構(gòu)(Destru...
    呼呼哥閱讀 431評論 0 3
  • 1.數(shù)組的解構(gòu)賦值 基本用法 ES6 允許按照一定模式,從數(shù)組和對象中提取值甜无,對變量進(jìn)行賦值扛点,這被稱為解構(gòu)(Des...
    angelwgh閱讀 506評論 0 0
  • 一哥遮、科技論文 英文文獻(xiàn): 第一步岂丘,檢索題錄; 第二步眠饮,用histcite分析奥帘,找出重要文獻(xiàn),重要文獻(xiàn)題錄閱讀仪召,標(biāo)記...
    一味前胡丸閱讀 987評論 0 3