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
相关推荐
花楸树8 分钟前
前端搭建 MCP Client(Web版)+ Server + Agent 实践
前端·人工智能
wuaro8 分钟前
RBAC权限控制具体实现
前端·javascript·vue
专业抄代码选手13 分钟前
【JS】instanceof 和 typeof 的使用
前端·javascript·面试
用户00798136209713 分钟前
6000 字+6 个案例:写给普通人的 MCP 入门指南
前端
用户876128290737417 分钟前
前端ai对话框架semi-design-vue
前端·人工智能
干就完了120 分钟前
项目中遇到浏览器跨域前端和后端解决方案以及大概过程
前端
我是福福大王22 分钟前
前后端SM2加密交互问题解析与解决方案
前端·后端
实习生小黄26 分钟前
echarts 实现环形渐变
前端·echarts
_未知_开摆33 分钟前
uniapp APP端在线升级(简版)
开发语言·前端·javascript·vue.js·uni-app
sen_shan1 小时前
Vue3+Vite+TypeScript+Element Plus开发-02.Element Plus安装与配置
前端·javascript·typescript·vue3·element·element plus