ES6 -- 變量的解構(gòu)賦值

解構(gòu)賦值的應(yīng)用:

1、變量交換

var x = 1
var y = 2
var [x, y] = [2, 1]

2、函數(shù)值返回

function f() {
  return [1, 2]
}

3、Json 對(duì)象獲取

obj = {
  a:  'a',
  b: [1, 2, 3],
  c: {
    a: '1',
    b: '2'  
  }
}
var {a, b, c} = obj

4、函數(shù)參數(shù)的默認(rèn)設(shè)置

Jquery.ajax = function (url,{
  async = true,
  beforeSend = function () {},
  cache = true,
  complete = function () {},
  crossDomain  = fase,
  global = true
}) {
  // ... do somthing
}

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

const map = new Map()
map.set('first', 'hello')
map.set('second', 'world')
for(let [key, value] of map) {
  console.log(key + "is" + value)
}

可以只取鍵值名,或者只去鍵值

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

6、輸入模塊的制定方法

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

7、參數(shù)的定義

// 參數(shù)為有次序的值
function f([x,y,x]){}
f([1,2,3])
// 參數(shù)為無(wú)序的值
function f({x,y,z}){}
f({x:1,y:2,z:3})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.數(shù)組的解構(gòu)賦值 2.對(duì)象的解構(gòu)賦值 3.字符串的解構(gòu)賦值 4.數(shù)值和布爾值的解構(gòu)賦值 5.函數(shù)參數(shù)的解構(gòu)賦值 ...
    卞卞村長(zhǎng)L閱讀 952評(píng)論 0 0
  • 基本概念 只要某種數(shù)據(jù)結(jié)構(gòu)具有Iterator接口都可以采用解構(gòu)賦值和for of循環(huán) 如:1數(shù)組(有序)2對(duì)象(...
    coolheadedY閱讀 296評(píng)論 0 0
  • 針對(duì)ES6的變量賦值的有六種方式 默認(rèn)數(shù)組對(duì)象字符串?dāng)?shù)值與布爾值函數(shù) 1,解構(gòu)賦值允許指定默認(rèn)值。 2,數(shù)組的解構(gòu)...
    sponing閱讀 241評(píng)論 0 1
  • 1、基本用法 解構(gòu)賦值:ES6允許按照一定模式將數(shù)組和對(duì)象中的值按照一定順序提取出來(lái),對(duì)變量進(jìn)行賦值。其本質(zhì)是“匹...
    字母31閱讀 172評(píng)論 0 0
  • 概念 ES6允許 按照一定的模式,從數(shù)組和對(duì)象中提取值,對(duì)變量進(jìn)行賦值,這被稱(chēng)為解構(gòu)。 **變量的解構(gòu)賦值在本質(zhì)...
    王阿王閱讀 236評(píng)論 0 0

友情鏈接更多精彩內(nèi)容