Cos'è ... !! sintassi in ES6?

Question

Stavo leggendo attraverso questa: https://github.com/pburtchaell/redux-promise-middleware/blob/master/src/index.js

so che ... viene utilizzato come oggetto di diffusione. So che lo !! viene utilizzato per convertire qualsiasi cosa in un booleano con la stessa veridicità.

Tuttavia sapendo questo cosa significano quando sono messi insieme come ...!!? Ho difficoltà a capire l'ultima riga qui:

{ 
    ...resolveAction, 
    ...isAction(rejected) ? rejected : { 
    ...!!rejected && { payload: rejected } 
} 

1. ...resolveAction diffonde solo le chiavi del resolveAction.
2. ...isAction(rejected) ? controllerà se rejected risolve un'azione e quindi la diffonderà. (Non sono sicuro di questo o)
3. aggiungere rejected di opporsi se vero
4. {...!!rejected && { payload: rejected } ????????????????

Come è ...!! anche la sintassi valida? Ci sono due opzioni:

1. Se si diffonde l'oggetto, poi !! si applicherebbe a tutte le chiavi diffusione

2. Se !! viene applicato un primo momento è un valore booleano e non può essere diffuso .

Così Fa alcun senso, o mi sto perdendo qualcosa, perché dato che il codice, suppongo che sta cercando di diffondere un valore booleano.

Answer 1

Va bene così dopo aver scaricato il modulo NPM e passando attraverso il codice transpiled ho trovato la linea:

return dispatch(isThunk(rejected) ? rejected.bind(null, resolveAction) : _extends({}, resolveAction, isAction(rejected) ? rejected : _extends({}, !!rejected && { payload: rejected }))); 

la cui parte rilevante è qui:

_extends({}, !!rejected && { payload: rejected }) 

In pratica se !!rejected è vero allora diffonderà il carico utile nell'oggetto. Se non è _extends({}, false) restituisce semplicemente {}.

La chiave per questo funzionamento è che ... ha meno precedenza di qualsiasi altro operatore nell'intera linea. Con questo in mente puoi iniziare a dare un senso a questo.

Answer 2

La questione rilevante è What is "x && foo()"?

La sintassi strana

{...!!rejected && { payload: rejected }} 

viene analizzato come

{ ... ((!!rejected) && { payload: rejected }) } 

Infatti il ​​!! non gettato rejected ad un valore booleano, allora viene valutata l'oggetto quando la verità.Un modo migliore per scrivere questo sarebbe

{ ...(rejected ? {payload: rejected} : null) } 

---

E naturalmente dell'intero oggetto interno letterale è superflua. Potrebbe essere solo

{ 
    ...resolveAction, 
    ...(isAction(rejected) ? rejected : (rejected ? {payload: rejected} : null)) 
} 

(omettere parentesi come meglio credi)