ES6解构赋值

树旅小爷

于 2021-07-12 09:09:55 发布

阅读量80

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/milk_tiger/article/details/118667626

版权

前端专栏收录该内容

17 篇文章

订阅专栏

本文介绍了JavaScript中的解构赋值语法，通过实例展示了如何从数组和对象中提取值并赋给变量。在数组解构中，变量`a`、`b`和`c`分别对应数组元素。而在对象解构中，可以直接使用属性名赋值给对应的变量，如`name`、`age`和`sing`，并且可以直接调用解构后的`sing`方法执行。这种语法提高了代码的可读性和简洁性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解构赋值：从数组和对象中提取值，赋值给变量

1.数组

const arr = ['星星','月亮','太阳'];
let [a,b,c] = arr;//a='星星'  b='月亮'  c='太阳'

2.对象

const obj = {
	name : '星星',
	age : 18,
	sing: function(){
		console.log("星星会唱歌");
	}
}
let {name,age,sing} = obj;

//直接调用
sing();//星星会唱歌

//不解构，原来写法
obj.sing();