ES6中的变量的解构赋值, 解放我们的双手,实现变量的批量赋值

本文详细介绍了ES6中的解构赋值,包括数组解构、解构失败、不完全解构及默认值设置,以及对象解构的用法。通过实例演示了解构赋值的灵活性,简化变量赋值的过程。此外,还探讨了默认值在遇到`null`和`undefined`时的行为。
摘要由CSDN通过智能技术生成

let [a, b, c, d] = [1, 2, 3, 4]

a // 1

b // 2

c // 3

d // 4

这就是一个简单的数组的变量解构赋值,即等号左边的变量与等号右边的相同位置的值一一对应进行赋值。

解构失败

有几种情况会解构失败:

  • 等号左边的变量与等号右边没有对应上,则会被解析成undefined

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

a // 1

b // 2

c // undefined

上述代码中的 c , 与之匹配的是undefined,所以最后为undefined

  • 等号右边是一个不可遍历的结构

let [a, b] = 1

这很明显就会直接报错, 解构失败, 因为等号两边都无法进行匹配

不完全解构

这个简单,直接看代码:

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

a // 1

b // 2

简单点说就是等号右边有很多值,但等号左边只有两个变量需要赋值, 这种叫做不完全解构, 不会报错。

默认值

在解构时,是允许给予一个默认值的, 如果该变量没有解构成功, 则会将默认值赋值给它, 例如ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值