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
相关推荐
穗余2 分钟前
NodeJS全栈开发面试题讲解——P12高性能场景题
前端·面试·node.js
Dignity_呱7 分钟前
vue2和Vue3和React的diff算法展开说说:从原理到优化策略
前端·vue.js·react.js
鸿蒙预备高级程序员10 分钟前
HarmonyOS5 状态栏文字颜色设置工具封装解析~
前端
Zsnoin能11 分钟前
Flex实现网格布局,保姆教程
前端·html
五号厂房13 分钟前
Vue 2 源码探秘:数组拦截实现的底层原理
前端
兔子1213516 分钟前
浏览器中计算大文件SHA-256哈希
前端
linux-hzh17 分钟前
day07
前端·javascript·css
TimeDoor23 分钟前
npm install命令都做了哪些事情
前端·npm·node.js
Mintopia30 分钟前
当像素跳起光影圆舞曲:用 JavaScript 解锁实时全局光照的魔法
前端·javascript·计算机图形学
曼陀罗35 分钟前
项目中存在 .npmrc, 是不是应该用 npm 安装, 而不用yarn???
前端·npm