¿Por qué los operadores lógicos en JavaScript son asociativos?

Considere este código:

console.log(   true || (false && true) );   // right associative (implicit)
console.log(  (true || false) && true  );   // left associative (Javascript)

Ambos ejemplos de hecho devuelven el mismo resultado, pero esa no es la razón para preocuparse por la asociatividad del operador. La razón por la que es relevante aquí es debido a la forma única en que los operadores lógicos determinan sus resultados. A pesar de que todas las permutaciones finalmente hacen la misma conclusión final, el orden de los cálculos cambia, y eso puede tener grandes implicaciones para su código.

Así que, ahora, considere esto:

    var name = "";

    // ----------------------------------------
    // Right associative
    // ----------------------------------------
    name = "albert einstein";
    console.log("RIGHT : %s : %s", true || (false && updateName()), name);

    // ----------------------------------------
    // Left Associative
    // ----------------------------------------
    name = "albert einstein";
    console.log("LEFT  : %s : %s", (true || false) && updateName(), name);

    function updateName() {
        name = "charles manson";
        return true;
    }

La salida es:

    RIGHT : true : albert einstein
    LEFT  : true : charles manson

Ambas expresiones devuelven true, pero solo la versión asociada a la izquierda tenía que llamar a updateName() para devolver una respuesta. La versión correcta asociada es diferente. Solo evalúa el primer argumento en (false && updateName()) porque el segundo argumento no puede cambiar el false en un true.

Recuerda estos dos puntos:

• La precedencia del operador describe el orden de anidamiento de las expresiones compuestas de diferentes tipos de operadores.
• La asociatividad del operador describe el orden de anidamiento de las expresiones compuestas con la misma precedencia del operador .

Observe que ninguno de los dos puntos anteriores cambia la forma en que se interpreta una expresión individual, solo la forma en que se interpretan las expresiones compuestas. La asociatividad ocurre a un nivel superior.

La asociatividad del operador, así como la precedencia del operador, tienen un enorme impacto en cómo un lenguaje comportar. Comprender cuáles son esas diferencias es fundamental para poder usar y comprender rápidamente las diferencias funcionales en diversos lenguajes de programación. Definitivamente tienes un pulgar hacia arriba de mí para su pregunta y espero que esto aclara las cosas un poco. Cuidar.

Respuesta simple: Imagine var i = null; if (i == null || i.getSomeValue()) ... Cuando no se deja asociativo, la segunda prueba sería evaluada primero dándole una excepción.