ES6解构

Posted 小数点就是问题

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6解构相关的知识,希望对你有一定的参考价值。

解构赋值:

解构赋值语法是一个 javascript 表达式,这使得可以将值从数组属性从对象提取到不同的变量中。

我们经常定义许多对象和数组,然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性:解构。解构是一种打破数据结构,将其拆分为更小部分的过程。

 

然而javascript是一门很灵活的语言,所以只要符合要求,即可实现结构赋值,比如对象,数组,函数返回值等只要结果是可以遍历即可解构赋值。

比如Math对像可以解构赋值,因为可以进行迭代的迭代器使用 Iterator() 被创建。

let node = {
    type: "Identifier",
    name: "foo"
};
let { type, name } = node;
console.log(type); // "Identifier"
console.log(name); // "foo"

 更多资料:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

https://www.cnblogs.com/xiaohuochai/p/7243166.html

以上是关于ES6解构的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0 代码功能片段

es6 解构

ES6 之 解构赋值

ES6 变量与解构

阮一峰老师的ES6入门:变量的解构赋值

ES6数组的解构赋值( 下)