Pourquoi les sauts de ligne de fonction JavaScript interprètent-ils mal les points-virgules et renvoient-ils des erreurs ?

Erreur de retour de fonction JavaScript : le saut de ligne interprète mal le point-virgule

En JavaScript, les fonctions sont couramment utilisées pour renvoyer des objets représentant des données ou des fonctionnalités. Cependant, un problème subtil survient lorsqu'il y a un saut de ligne entre l'instruction return et l'objet, comme illustré dans cette question.

Problème :

Dans le code fourni , les deux fonctions suivantes illustrent le problème :

<code class="javascript">function foo1(){
    return {msg: "hello1"};
}
function foo2(){
    return
    {msg: "hello2"};
}</code>

Appeler foo1() comme prévu renvoie l'objet "{"msg":"hello1"}". Cependant, appeler foo2() renvoie curieusement "undefined".

Raison :

La différence entre ces fonctions réside uniquement dans le saut de ligne placé avant l'objet dans foo2( ). JavaScript utilise l'insertion automatique de point-virgule (ASI) pour déduire les points-virgules omis dans diverses situations.

Dans foo1(), grâce à l'ASI, le point-virgule implicite est placé après l'instruction return, le séparant de l'objet. Cela permet à la fonction de renvoyer l'objet correctement.

Cependant, dans foo2(), le saut de ligne convainc ASI qu'une instruction est complète avant d'atteindre l'objet. Par conséquent, l'objet est interprété comme une instruction distincte et n'est pas renvoyé.

Résolution :

Pour résoudre ce problème, tout saut de ligne entre l'instruction return et l'objet devrait être évité. De plus, pour plus de clarté, certains développeurs utilisent l'opérateur de regroupement pour envelopper explicitement l'objet :

<code class="javascript">function foo2(){
    return ({msg: "hello2"});
}</code>

En mettant l'objet entre parenthèses, l'opérateur de regroupement garantit qu'il est interprété comme une instruction unique, même avec des sauts de ligne. présent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!