In che modo gli operatori di confronto relazionale JavaScript costringono i tipi?

Question

Quali regole si applicano agli operatori di confronto relazionale JavaScript quando gli operandi sono di tipi diversi?

Ad esempio, come viene valutato true > null? Posso digitare questo nella mia console per sviluppatori e dà il risultato true, ma perché?

Ho cercato un po ', ma non ho trovato post di blog che spiegassero questo, anche se ci sono molte spiegazioni di tipo coercizione per operatori di confronto == e ===.

Answer 1

JavaScript confronto relazionale tipo operatore coercizione è definita nella JavaScript specification, in particolare nelle sezioni 11.8 to 11.8.5 che descrivono gli operatori e sezioni 9.1 (ToPrimitive) e 9.3 (ToNumber) che descrivono il processo di costringere operandi.

In breve, i 4 operatori di confronto (<, >, <=, e >=) fanno del loro meglio per convertire ogni operando ad un numero, quindi confrontare i numeri. L'eccezione è quando entrambi gli operandi sono stringhe, nel qual caso vengono confrontati alfabeticamente.

In particolare,

1. Se un argomento o è un oggetto al posto di un primitivo, try to convert it to a primitive value chiamando o.valueOf() o - se o.valueOf non è stato definito o non ha prodotto un tipo primitivo quando viene chiamato - chiamando o.toString()

2. Se entrambi gli argomenti sono stringhe, confrontarli in base al loro lexicographical ordering. Ad esempio, questo significa "a" < "b" e "a" < "aa" entrambi restituiscono true.

3. Altrimenti, convert each primitive to a number, il che significa:

   • undefined ->NaN
   • Null -> +0
   • Boolean tipo primitivo ->1 se true, +0 se false
   • String - >try to parse a number dalla stringa

4. quindi confrontare ogni elemento come ci si aspetterebbe per l'operatore, con l'avvertenza che ogni confronto che coinvolge NaN restituisce false.

Quindi, questo significa quanto segue:

console.log(true > null);   //prints true 
console.log(true > false);   //prints true 
console.log("1000.0" > 999);  //prints true 
console.log(" 1000\t\n" < 1001); //prints true 

var oVal1 = { valueOf: function() { return 1; } }; 
var oVal0 = { toString: function() { return "0"; } }; 

console.log(oVal1 > null);   //prints true 
console.log(oVal0 < true);   //prints true 
console.log(oVal0 < oVal1);  //prints true