ES6

  1. 解构destructuring
    解构可以理解为一一对应。
    let a = 1; let b = 2;let c = 3; ==》 [a,b,c]=[1,2,3]

理解下面代码,注意理解...操作符为去括号(包括去中括号或者大括号,与之对应数组和对象),将类数组转化为数组

const original = { a: 1, b: 2 };
const copy = { ...original, c: 3 }; // copy => { a: 1, b: 2, c: 3 }

接着看下面

const original = { a: 1, b: 2 };
const copy = { ...original, c: 3 }; // copy => { a: 1, b: 2, c: 3 }

const { a, ...noA } = copy; // noA => { b: 2, c: 3 }
// 理解这里  const {a,...noA}={a:1,b:2,c:3}  一一对应啊,所以 noA就是 {b:2,c:3}

一些最佳实践

const arr = [1, 2, 3, 4];

// bad
const first = arr[0];
const second = arr[1];

// good
const [first, second] = arr;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.数组的解构赋值 2.对象的解构赋值 3.字符串的解构赋值 4.数值和布尔值的解构赋值 5.函数参数的解构赋值 ...
    卞卞村长L阅读 922评论 0 0
  • 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring...
    嘉奇呦_nice阅读 791评论 0 2
  • 读阮老师的摘录笔记^_^ 一,let/const 1.1 let let所声明的变量,只在let命令所在的代码块内...
    eastbaby阅读 308评论 0 3
  • 《ECMAScript6 入门》阮一峰 读书笔记 let和constlet声明的变量仅在块级作用域内有效,var声...
    亲爱的孟良阅读 741评论 1 2
  • 吃了那么多东西肚子有点小痛不过讲真晚上的羊肉真心好吃哈哈今天把火车票取了晚安世界 2017-2-2
    Jerry0837阅读 167评论 0 0