Fold All / Expand All

2017年1月2日 星期一

[ES6] Object Destructuring

Understanding ECMAScript 6
https://leanpub.com/understandinges6/read/#leanpub-auto-object-destructuring
Destructuring for Easier Data Access - Object Destructuring
話說練習 React,在看 Redux 範例,對於
import React, { Component, PropTypes } from 'react'
還是不太習慣,先來翻翻 Object Destructuring 介紹
古早時期,如果有一個 object,想要從裡面拿值出來,可能會寫成這樣
var options = {
    repeat: true,
    save: false
};

var repeat = options.repeat,
    save = options.save;
看起來很浪費生命吧,一直在輸入重複的東西
所以 ES6 就有了新語法
let node = {
    type: "Identifier",
    name: "foo"
};

let { type, name } = node;

console.log(type);      // "Identifier"
console.log(name);      // "foo"
詳細更多可以看 Understanding ECMAScript 6,介紹蠻清楚,也有提醒要注意的地方

沒有留言: