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所有其他属性的对象(不包括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);

那可不止是几个字被剃掉了:-)