Déclaration de variables avec ||

Question

Possible en double:
In Javascript, what does it mean when there is a logical operator in a variable declaration?

Juste une petite question. Quand je déclare une variable comme ceci:

var ballctx = ctx['ballctx'] || createCanvas('game-screen', 'ballctx'); 

-t-il essayer la gauche première ou le premier droit? Je veux qu'il crée une nouvelle toile si ctx de ballctx n'existe pas. Si c'est le cas, utilisez-le à la place.

Answer 1

La gauche en premier. || utilise ce qu'on appelle short-circuit evaluation, également connu sous le nom évaluation minimale, ce qui signifie qu'il ne sera évaluée du côté droit de l'expression, si le côté gauche est faux.

De l'ECMAScript Language Specification:

11.11. Binary Logical Operators

Le LogicalORExpression de production: LogicalORExpression || LogicalANDExpression est évaluée comme suit:

1. Soit LREF être le résultat de l'évaluation LogicalORExpression.
2. Soit lval être GetValue (lref).
3. Si ToBoolean (lval) est vrai, renvoyer lval.
4. Soit rref le résultat de l'évaluation de LogicalANDExpression.
5. Retourne la valeur GetValue (rref).

Ainsi, dans l'expression:

ctx['ballctx'] || createCanvas('game-screen', 'ballctx'); 
^-- lval   ^-- rval 

Si lvalévalue à true, rval ne seront pas évaluées. En d'autres termes, vous ne créerez un nouveau canevas que si ctx['ballctx'] a la valeur false, donc votre code est correct.

Answer 2

À gauche en premier. Si la conversion implicite en booléen échoue, alors à droite.

Answer 3

Il essaie celui de gauche, s'il est vrai il n'exécutera pas la fonction sur la droite.

Answer 4

Si ctx['ballctx'] est truthy alors

• createCanvas('game-screen', 'ballctx') ne sont pas évalués
• ctx['ballctx'] est affecté à ballctx

autrement

• createCanvas('game-screen', 'ballctx') est évalué
• quel que soit createCanvas retours obtient assignés à ballctx

Answer 5

gauche en premier. Si left est faux ou indéfini alors seule la fonction sera exécutée.

Answer 6

La valeur de l'expression left est prise si elle est approximativement égale à true, sinon la valeur de l'expression de droite est prise indépendamment de la valeur. Dans certains navigateurs plus anciens, conformément à la spécification bien désuet de JavaScript 1.1, seuls les vrais ou les faux sont renvoyés.

Voir MDN: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Logical_Operators#Summary