Opérateur priorité avec Javascript opérateur ternaire

Pensez-y de cette façon:

<variable> = <expression> ? <true clause> : <false clause>

la façon dont la déclaration est exécutée est essentiellement comme suit:

1. Ne <expression> true ou false?
2. si <expression> est évalué à true, alors la valeur de <true clause> est assignée à <variable> , <false clause> est ignorée, et la déclaration suivante est exécutée.
3. si <expression> évalue à false, puis <true clause> est ignoré et la valeur de <false clause> est attribuée à <variable> .

la chose importante à réaliser avec l'opérateur ternaire dans cette langue et d'autres est que quel que soit le code dans <expression> devrait produire un résultat booléen une fois évalué: soit vrai ou faux.

dans le cas de votre exemple, remplacer "attribué à" dans mon explication par "ajouté à", ou similaire pour n'importe quelle arithmétique vous êtes en utilisant, le cas échéant.

le += fait ce que vous voulez, mais dans la déclaration ternaire à la main droite de celui-ci, il vérifie si h.className est falsey, ce qui serait si elle était indéterminée. Si c'est vrai (c.-à-d. si un nom de classe est déjà spécifié), alors l'erreur est ajoutée avec un espace (c.-à-d. en ajoutant une classe nouvelle ), sinon il est ajouté sans l'espace.

le code peut être réécrit comme vous le suggérez, mais vous devez spécifier que h.className doit être utilisé pour la comparaison de la véracité, plutôt que pour l'utilisation de sa valeur réelle, dans l'opérateur ternaire, donc assurez-vous que vous ne vous embêtez pas avec la concaténation des valeurs en même temps que faire votre opération ternaire:

h.className = h.className + (h.className ? ' error' : 'error');

le côté droit de l'opérateur = est évalué de gauche à droite. Donc,

g.className = h.className + h.className ? ' error' : 'error';`

est équivalent à

h.className = (h.className + h.className) ? ' error' : 'error';

pour être équivalent à

h.className += h.className ? ' error' : 'error';

il faut séparer le ternaire énoncé entre parenthèses

h.className = h.className + (h.className ? ' error' : 'error');

if (h.className) {
    h.className = h.className + ' error';
} else {
    h.className = h.className + 'error';
}

doit être l'équivalent de:

h.className += h.className ? ' error' : 'error';

je sais que c'est une question très ancienne, mais je ne suis pas 100% satisfait de l'une des réponses car elles semblent toutes incomplètes. Nous voici donc de nouveau de premiers principes:

l'objectif général de l'utilisateur:

résume le code: "je souhaite ajouter un nom de classe error à une chaîne, éventuellement avec un espace principal s'il y a déjà des noms de classe dans la chaîne."

solution la plus simple

comme Kobi l'a souligné, il ya 5 ans, ayant un espace de tête dans les noms de classe ne sera pas causer de problèmes avec les navigateurs connus, de sorte que la solution correcte la plus courte serait en fait:

h.className += ' error';

Qui aurait été le la réponse à la problème .

quoi qu'il en soit, les questions posées étaient...

1) Pourquoi cela a-t-il fonctionné?

h.className += h.className ? ' error' : 'error'

l'opérateur conditionnel/ternaire fonctionne comme une instruction if, qui assigne le résultat de ses chemins true ou false à une variable.

de sorte que le code a fonctionné parce qu'il est évalué simplement comme:

if (h.className IS NOT null AND IS NOT undefined AND IS NOT '') 
    h.className += ' error'
else
    h.className += 'error'

2) et pourquoi cette rupture?

h.className = h.className + h.className ? ' error' : 'error'

la question dit "qui donne une erreur dans ma console", qui peut induire en erreur vous pensez que le code ne fonctionne pas . En fait, le code suivant fonctionne, sans erreur , mais il renvoie "erreur" si la chaîne de caractères n'était pas "1519180920 vide" et "erreur" si la chaîne de caractères était vide et donc ne répond pas aux exigences .

if ((h.className + h.className) IS NOT null AND IS NOT undefined AND IS NOT '')
    h.className = ' error'
else
    h.className = 'error'

h.className = h.className + (h.className ? ' error' : 'error')