JavaScript: var {links, ... requisiten} = this.props;

Question

Ich las den Quellcode der Festdatentabelle des Facebook, und ich fand this

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

Was das bedeutet? Ist das eine neue Semantik? Ich bin verwirrt o.O

Answer 1

Es ist eine spezielle Form der Destrukturierung Aufgabe proposed for ES7 (und eifrig in den Jsx-Tools und Babel implementiert). Es erstellt zwei Variablen: left und props.

left hat den Wert this.props.left.

props ist ein Objekt mit allen anderen Eigenschaften von this.props (ohne left).

Wenn Sie es ohne Destrukturierung schrieb es so aussehen würde:

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

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

Das ist mehr als ein paar Zeichen :-) abrasiert