如何用ES6解构赋值实现变量批量赋值，解放双手？

本文共计1453个文字，预计阅读时间需要6分钟。

目录+引言+数组结构赋值+结构失败+不完全结构+默认值+对象结构赋值+字符串结构赋值+结束语+引言+变量结构赋值+理解批量操作

目录

• 引言
• 一、数组的解构赋值
• 解构失败
• 不完全解构
• 默认值
• 二、对象的解构赋值
• 三、字符串的解构赋值
• 结束语

引言

变量的解构赋值， 听起来很复杂， 简单点说可以理解成批量操作变量赋值，先有个印象， 下面慢慢来看

变量的解构赋值一共分为以下几种：数组的解构赋值 、对象的解构赋值 、字符串的解构赋值 、

一、数组的解构赋值

先来看一下我们平时对很多个变量赋值是如何操作的：

let a = 1 let b = 2 let c = 3 let d = 4

那么我们看一下如何批量命名这些变量：

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

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