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
相关推荐
剪刀石头布啊1 分钟前
js常见的单例
前端·javascript
剪刀石头布啊2 分钟前
数据口径
前端·后端·程序员
剪刀石头布啊6 分钟前
http状态码大全
前端·后端·程序员
剪刀石头布啊8 分钟前
iframe通信、跨标签通信的常见方案
前端·javascript·html
宇之广曜17 分钟前
搭建 Mock 服务,实现前端自调
前端·mock
yuko093118 分钟前
【手机验证码】+86垂直居中的有趣问题
前端
用户15129054522022 分钟前
Springboot中前端向后端传递数据的几种方式
前端
阿星做前端23 分钟前
如何构建一个自己的 Node.js 模块解析器:node:module 钩子详解
前端·javascript·node.js
用户15129054522026 分钟前
Web Worker:让前端飞起来的隐形引擎
前端
司宸27 分钟前
学习笔记十 —— 自定义hooks设计原则 笔试实现
前端