+ !! operatore in una dichiarazione if

Question

Stavo rivedendo il codice per una fabbrica angularjs per capire meglio come funziona. Il codice contiene una dichiarazione if che non comprendo completamente.

In un plnkr demo l'autore ha scritto questo:

if ((+!!config.template) + (+!!config.templateUrl) !== 1) { 
    throw new Error('Expected modal to have exactly one of either `template` or `templateUrl`'); 
} 

It is slightly different in the github repo:

if (!(!config.template^!config.templateUrl)) { 
    throw new Error('Expected modal to have exactly one of either `template` or `templateUrl`'); 
} 

Ovviamente dal messaggio di errore si sta controllando per vedere se uno dei due esiste. Non sono sicuro di come giunga alla conclusione. Non sono stato in grado di trovare alcuna informazione su ^ o +!

La mia domanda è: come funziona questa istruzione if? (^ o +! o +!! specificamente)

Answer 1

!! converts a value to a boolean (true or false).+ quindi converte che booleano in numero, sia per 1true o 0 per falsa.

> +true 
1 
> +false 
0 

Personalmente trovo più chiaro per scrivere una cosa del genere, quando si tratta di due booleani: chiarezza

if (!config.template == !config.templateUrl) { 
    throw ... 
} 

Codice e leggibilità essere dannato, a quanto pare.

Answer 2

Questo è un modo leggibilità orribile per scrivere il valore di una variabile booleana, e successivamente convertirlo con conversione unario che invia un risultato 0/1 numero.

considerare:

+!!true; //this converts true to false, then to true again, and true is 1 when converted 
+!!0; //converts 0 (falsy) to true, then false, and then the numeric 0 

Tecnicamente parlando !! non è il proprio operatore, è solo il (!) operatore NOT due volte.

Conversione unaria: ECMA spec doc un unario più tenta di convertire in un numero intero. Number() sarebbe anche una conversione valida.

Answer 3

Nel frattempo, ^ è l'operatore XOR bit a bit.

Quando si tratta di numeri più piccoli di 2, ^ funzionerà come un valore booleano OR (||) se si considera 0 = false e 1 = true.

Answer 4

! è l'operatore logico non. È un operatore unario che converte il suo operando in un booleano e quindi lo nega. !! è solo quell'operatore due volte, il secondo ! annulla la negazione, quindi il risultato finale è solo la conversione in un valore booleano.

+ è l'operatore unario più, che converte il suo operando in un numero. Nel caso di un booleano, false diventa 0 e true diventa 1.

Quindi, +!!(expression) viene valutato come 1 se l'espressione è truthy e 0 se l'espressione è falsy.

Answer 5

if ((+!!config.template) + (+!!config.templateUrl) !== 1) { 

      0   +   0    !== 1 true 
      0   +   1    !== 1 false 
      1   +   0    !== 1 false 
      1   +   1    !== 1 true 

è uguale

if (!config.template === !config.templateUrl) { 

nonostante il contenuto delle due proprietà.

Answer 6

+ !! usa la conversione implicita per trasmettere un valore come 0 o 1 a seconda del suo valore booleano

Per la maggior parte, questo è per verificare la presenza. Ad esempio, una stringa vuota è falsa (!!"" === false), quindi non è definita e una serie di altre. Questi sono i due principali se

conversioni "Falsey"

+!!""  === 0 
+!!false  === 0 
+!!0   === 0 
+!!undefined === 0 
+!!null  === 0 
+!!NaN  === 0 

conversioni "Truthy"

+!!1   === 1 
+!!true  === 1 
+!!"Foo"  === 1 
+!!3.14  === 1 
+!![]  === 1 
+!!{}  === 1 

if ((+ !! config.template) + (+ !! config.templateUrl)! == 1)

Speriamo che questo abbia più senso a questo punto. L'oggetto config ha due proprietà che stiamo esaminando. .template e .templateUrl. Il cast implicito su 0 o 1 utilizzando +!! verrà aggiunto e quindi confrontato per garantire che non sia 1 (il che significa che sia 0 o 2) - le proprietà possono essere sia accese che spente ma non diverse.

La tabella di verità qui è la seguente:

template templateUrl (+!!) + (+!!)  !==1 
"foo"  "foo"    1 + 1   true 
undefined undefined   0 + 0   true 
undefined ""     0 + 0   true 
""   undefined   0 + 0   true 
12   ""     1 + 0   false 
""   12     0 + 1   false 
undefined "foo"    0 + 1   false 
""   "foo"    0 + 1   false 
"foo"  ""     1 + 0   false 
"foo"  undefined   1 + 0   false 

Un molto metodo più semplice a tutto questo sarebbe stato utilizzare solo la conversione implicita booleano

if (!config.template === !config.templateUrl)