ECMAScript6官方文档学习笔记（二）----变量的解构赋值

最新推荐文章于 2024-05-28 09:44:18 发布

祯民

最新推荐文章于 2024-05-28 09:44:18 发布

阅读量257

点赞数 1

文章标签： ES6

本文链接：https://blog.csdn.net/haofandedaima/article/details/102932693

版权

基本用法

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。
ES6允许如下赋值：

let [a, b, c] = [1, 2, 3];

如果解构不成功，变量将被赋值为undefined
另一种情况是不完全解构，即等号左边的模式，只匹配一部分的等号右边的数组。这种情况下，解构依然可以成功。

let [x, y] = [1, 2, 3];
x // 1
y // 2

如果等号的右边不是数组（或者严格地说，不是可遍历的结构，参见《Iterator》一章），那么将会报错。

// 报错
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [foo] = {};

事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值。

解构赋值允许指定默认值。

let [foo = true] = [];
foo // true

let [x, y = 'b'] = ['a']; // x='a', y='b'
let [x, y = 'b'] = ['a', undefined]; // x='a', y

关注