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

Question

stavo leggendo il codice sorgente di Facebook-dati-tavola fissa, e ho trovato this

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

Cosa che significa? è questo un nuovo semantico? Sono confuso o.O

Answer 1

È una forma speciale di assegnazione destrutturazione proposed for ES7 (e implementata con impazienza negli strumenti jsx e Babel). Crea due variabili: left e props.

left ha il valore di this.props.left.

props è un oggetto con tutte le altre proprietà di this.props (escluso left).

Se hai scritto senza destrutturazione che sarebbe simile a questa:

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

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

che è più di un paio di caratteri rasati :-)