JavaScript 变量的解构赋值
什么是解构赋值
ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值
//1.数组的解构
let F = ['A','B','C'];
let [a,b,c] = F; //相当于声明了3个变量,按照F的对应位置赋值
let [a,b,c,d] = F; //不会报错,相当于d没有赋值,d=undefiend
//2.对象的解构
let F = {
name:'ranan',
age:12
};
let {name,age} = F; //会将同名属性赋值
为什么可以交换两个数?
let a = 1;
let b = 2;
[a,b] = [b,a];
最开始不理解,认为[a,b] = [b,a];就是a=b;b=a,那么a先变了,b赋值是a改变后的值啊。
后来想了想认为[a,b] = [b,a];是tmp=b;b=a;a=tmp;的语法糖,只是写法简单了。
但是如果同时解构的变量多了,那么不是需要很多临时变量?后面查了一下,比较认同下面的说法。
解构是对于左边部分说的,右边的部分只是一个数组(用[]包裹),也就是解构目标=数组
let a = 1;
let b = 2;
//[a,b] = [b,a];
let arr = [2,1];
[a,b] = [2,1];
本文详细解释了JavaScript中解构赋值的原理,通过实例演示了如何利用解构实现交换两个数,揭示了多变量解构时的临时变量逻辑。重点讲解了数组和对象解构的区别,以及解构操作对变量的赋值过程。
2657

被折叠的 条评论
为什么被折叠?



