const {}解构赋值

定义:ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。

解构赋值的基本规则:只要等号右边不是对象或数组,就先将其转换为对象。由于undefined和null无法转换为对象,所以对它们解构赋值都会报错。

javascript 复制代码
const { name} = person;
//等价于
const name = person.name
javascript 复制代码
let data = [42, 'John'];
let [num, name] = data;

console.log(num);  // 输出:42
console.log(name); // 输出:'John'
javascript 复制代码
const {a} = {a:1, b:2};
console.log(a);     //1

//等价于
const obj = {a:1, b:2};
const a = obj.a
console.log(a);     //1
相关推荐
Dxy123931021610 分钟前
JS如何把数据添加到列表中
前端·javascript·vue.js
蜡台15 分钟前
Uniapp 实现 二手车价格评估 功能
前端·javascript·uni-app·估值·汽车抵押·二手车评估
旭久17 分钟前
web前端开发好物推荐-(code-inspector-plugin/react-dev-inspector)页面快捷定位代码位置
前端·react.js·前端框架
floret. 小花20 分钟前
Vue3 知识点总结 · 2026-03-20
前端·面试·electron·学习笔记·vue3
木斯佳22 分钟前
前端八股文面经大全:Bilibili 前端实习面(2026-03-20)·深度解析
前端·sse·ssr·rag
比特森林探险记25 分钟前
Element Plus 实战指南
前端·javascript
Fairy要carry31 分钟前
面试-Dispatch Tools
前端·chrome
IT_陈寒32 分钟前
JavaScript开发者必看:3个让代码效率翻倍的隐藏技巧
前端·人工智能·后端
嘉琪00134 分钟前
Day8 完整学习包(Vue 基础 & 响应式)——2026 0320
前端·vue.js·学习