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
相关推荐
程序视点6 分钟前
2023最新HitPaw免注册版下载:一键去除图片视频水印的终极教程
前端
小只笨笨狗~2 小时前
el-dialog宽度根据内容撑开
前端·vue.js·elementui
weixin_490354342 小时前
Vue设计与实现
前端·javascript·vue.js
烛阴3 小时前
带你用TS彻底搞懂ECS架构模式
前端·javascript·typescript
卓码软件测评3 小时前
【第三方网站运行环境测试:服务器配置(如Nginx/Apache)的WEB安全测试重点】
运维·服务器·前端·网络协议·nginx·web安全·apache
龙在天3 小时前
前端不求人系列 之 一条命令自动部署项目
前端
开开心心就好3 小时前
PDF转长图工具,一键多页转图片
java·服务器·前端·数据库·人工智能·pdf·推荐算法
国家不保护废物4 小时前
10万条数据插入页面:从性能优化到虚拟列表的终极方案
前端·面试·性能优化
文心快码BaiduComate4 小时前
七夕,画个动态星空送给Ta
前端·后端·程序员
web前端1234 小时前
# 多行文本溢出实现方法
前端·javascript