JavaScript：var {left，... props} = this.props;

Question

我正在閱讀Facebook的固定數據表的源代碼，我發現了這一點

var {left, ...props} = this.props;

這意味着什么？ 這是一個新的語義？ 我很困惑

Answer 1

這是為ES7提出的一種特殊形式的解構分配（並且在jsx工具和Babel中熱切地實現）。 它創建了兩個變量： left和props 。

left具有this.props.left的值。

props是一個具有this.props所有其他屬性的this.props （ left除外）。

如果你在沒有解構的情況下編寫它，它看起來像這樣：

var left = this.props.left;
var props = {};

Object.keys(this.props).forEach(function(key, index){
    if (key !== 'left') {
        props[key] = this.props[key];
    }
}, this);

這超過了幾個字符剃掉了:-)