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 小时前
HTML——1px问题
前端·html
Mike_jia1 小时前
SafeLine:自托管WAF颠覆者!一键部署守护Web安全的雷池防线
前端
brzhang1 小时前
把网页的“好句子”都装进侧边栏:我做了个叫 Markbox 的收藏器,开源!
前端·后端·架构
VincentFHR3 小时前
Canvas 高性能K线图,支持无限左右滑动
前端·数据可视化·canvas
sophie旭3 小时前
一道面试题,开始性能优化之旅(3)-- DNS查询+TCP(二)
前端·面试·性能优化
面向星辰3 小时前
css选择器(继承补充)
前端·css
koooo~3 小时前
Vue3中的依赖注入
前端·javascript·vue.js
huuyii3 小时前
Nest 基础知识
前端
沢田纲吉3 小时前
《LLVM IR 学习手记(三):赋值表达式与错误处理的实现与解析》
前端·编程语言·llvm
sophie旭3 小时前
一道面试题,开始性能优化之旅(3)-- DNS查询+TCP(一)
前端·面试·性能优化