本文实例讲述了ES6解构赋值。分享给大家供大家参考，具体如下：
基本用法
let [x, y, ...z] = ['a'] //"a", undefined, []
1.等号右边如果不是数组，将会报错（不是可遍历结构）
2.解构赋值 var, let, const命令声明均适用
3.set结构也可解构赋值(具有Iterator接口，可采用数组形式结构赋值)
set解构:任何类型的单个值的集合
let [x, y, z] = new Set(["a", "b", "c"]) x //"a"
默认值
1.数组成员的值不严格等于undefined，默认值不生效(null的话相应值依然为null)
[x=1, y=2, z=3, o=4] = ['a', , undefined, null] //"a", 2, 3, null
2.如果默认值是表达式，表达式惰性求值，只有在用到的时候才会去执行
3.默认值可以引用结构赋值的其他变量，但该变量必须已声明
对象结构赋值
1.数组按次序排列，对象变量必须与属性同名
var {bar, foo, baz: loc} = {foo: 'aaa', baz: 'bbb'}
bar //undefined
foo //"aaa"
loc //"bbb"
baz //ReferenceError: baz is not defined
2.变量以前声明过，使用let赋值会报错
3.可用于嵌套结构的对象
var node = {
loc: {
start: {
line: 1,
column: 5
}
}
}
var {loc:{start:{line}}} = node
line //1
loc //ReferenceError: loc is not defined
start //ReferenceError: start is not defined
line是变量，loc,start都是模式
4.对象结构可以指定默认值
(生效条件是对象属性值严格等于undefined，null不会生效，解构失败值为undefined)
5.解构模式是嵌套对象，且子对象父属性不存在，报错
6.已声明的变量解构赋值
var x;
{x}={x:1} //SyntaxError: Unexpected token =
({x}={x:1}) //正确
js会将{x}理解成代码块，不将大括号写在行首即可
7.可以将现有对象的方法赋值到某个变量
let { sin, cos, log } = Math(Math对象的名为sin的方法直接赋值给sin变量)
字符串解构赋值
const [a,b] = 'hello' a//h
let {length:len} = 'hello' len//5(字符串本身包含length属性)
数值&布尔值
解构赋值规则：
① 只要等号右边不是对象先将其转化为对象，
② undefined和null无法转换为对象，报错
let a = true
{b} = {a}
//Object {a: true}
函数参数解构
[[1,2],[3,4]].map((a,b)=>a+b) //[3,7]
function({x=0,y=0}={}){
return [x,y]
}
undefined会触发函数参数默认值
圆括号问题
1.变量声明语句中，模式不能带有圆括号 let {x:(c)} = {}
2.函数参数中，模式不能带有圆括号(函数参数也属于变量声明)
3.整个模式或嵌套模式中的一层，不可放入圆括号
赋值语句的非模式部分可使用
用途
1.[x, y] = [y, x]
2.函数返回的多个值分别赋值
3.函数参数与变量名对应
4.提取json数据（ajax请求返回数据处理中可用到）
({
needServicePwd: this.needServicePwd,
needImgCode: this.needImgCode,
needSmsCode: this.needSmsCode
} = data)
5.函数参数的默认值，避免在函数内写var foo = config.foo || ”
6.遍历Map结构
var map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
console.log(key + " is " + value);
}
7.引用模块的指定方法
const { SourceMapConsumer, SourceNode } = require("source-map");
更多相关内容可查看本站专题：《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《javascript面向对象入门教程》
希望本文所述对大家基于ECMAScript的程序设计有所帮助。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。