ES6 -- 变量的解构赋值

解构赋值的应用:

1、变量交换

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

2、函数值返回

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

3、Json 对象获取

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

4、函数参数的默认设置

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

5、遍历Map 结构

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、参数的定义

// 参数为有次序的值
function f([x,y,x]){}
f([1,2,3])
// 参数为无序的值
function f({x,y,z}){}
f({x:1,y:2,z:3})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.数组的解构赋值 2.对象的解构赋值 3.字符串的解构赋值 4.数值和布尔值的解构赋值 5.函数参数的解构赋值 ...
    卞卞村长L阅读 926评论 0 0
  • 基本概念 只要某种数据结构具有Iterator接口都可以采用解构赋值和for of循环 如:1数组(有序)2对象(...
    coolheadedY阅读 280评论 0 0
  • 针对ES6的变量赋值的有六种方式 默认数组对象字符串数值与布尔值函数 1,解构赋值允许指定默认值。 2,数组的解构...
    sponing阅读 212评论 0 1
  • 1、基本用法 解构赋值:ES6允许按照一定模式将数组和对象中的值按照一定顺序提取出来,对变量进行赋值。其本质是“匹...
    字母31阅读 154评论 0 0
  • 概念 ES6允许 按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。 **变量的解构赋值在本质...
    王阿王阅读 210评论 0 0