Introduction au levage de déclarations JavaScript (avec exemples)

Le contenu de cet article est une introduction à l'amélioration de la déclaration JavaScript (avec des exemples). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Promotion de la déclaration Javascript

Avant d'analyser la promotion de la déclaration, je pense qu'il est nécessaire de connaître deux points :

1.Deux manières pour le moteur d'interroger les variables

<.>La façon dont le moteur interroge les variables peut être divisée de deux manières : LHS et RHS. Vous pouvez comprendre approximativement la signification grâce à "L" et "R", qui sont respectivement les côtés gauche et droit de l'opération d'affectation. (Il ne peut pas être compris uniquement comme les côtés gauche et droit de "=", car il existe de nombreuses formes d'opérations d'affectation.)

Permettez-moi de parler brièvement de ma compréhension de ces deux méthodes de requête :

LHS : mission Qui est la cible de l'opération ? (Variable de requête)
RHS : Qui est la source de l'opération d'affectation. (Requérez la valeur de la variable)

Cela peut être un peu difficile à comprendre :

function foo(a){
    //这里存在一个隐式变量分配，LHS查询变量a，并赋值2.
    //隐式a = 2;
    //左边LHS查询变量b，查询作用域中是否存在b这个变量。
    //右边RHS查询变量a的值，将a赋值给b。
    var b = a;
    //返回a,b是RHS查询变量a的值和变量b的值并使用。
    return a + b;
}
//左边LHS查询变量c，查询作用域中是否存在c这个变量。
//右边RHS引用函数foo，将2作为参数传进去。
var c = foo(2);

2. Exceptions

Une chose à souligner à propos des exceptions. doit être strictement mode. Car en mode non strict, si la requête LHS ne trouve pas la variable interrogée dans la portée globale de niveau supérieur, une variable portant ce nom sera créée et renvoyée au moteur.

ReferenceError : liée à l'échec de la détermination de la portée. (Par exemple : la variable requise est introuvable dans la portée)

TypeError : La détermination de la portée a réussi, mais l'opération sur le résultat est illégale ou déraisonnable. (Par exemple : essayer d'effectuer un appel de fonction sur une valeur de type non-fonction, ou faire référence à une propriété dans une valeur de type nulle ou non définie)

Par exemple :

"strict"
function foo() {
    console.log(a) //undefined
    console.log(b) //ReferenceError
}
var a = 2;

Déclaration promotion

1. Compréhension préliminaire

Lors de l'écriture de code JavaScript, vous avez souvent l'impression que le code sera exécuté de haut en bas. Mais lorsqu’il s’agit de promouvoir une déclaration, cette idée sera brisée.

Par exemple :

a = 2;
var a;
console.log(a);

运行结果为: 2

S'il est exécuté de haut en bas selon le bon sens, alors le résultat attendu d'une exécution devrait être indéfini, mais pourquoi est-il 2 ?

C'est le résultat de la promotion des déclarations.

2. En savoir plus

Lorsque vous comprenez pour la première fois la promotion du relevé, vous tombez sur le code suivant :

console.log(a);
var a = 2;

运行结果为：undefined

Après avoir compris la compréhension préliminaire du relevé de promotion , vous penserez naturellement que, La déclaration sera promue, mais lors de l'attribution d'une valeur lors de la déclaration, la valeur de la variable ne peut pas être obtenue.

En fait, les étapes d'exécution du code ci-dessus peuvent être décomposées en :

var a; //声明提升
console.log(a); //打印a的值
a = 2; //对a进行赋值

Il s'avère que la promotion d'instructions est une promotion littérale d'instructions, et le reste des opérations (telles que comme l'affectation et d'autres logiques) restent toujours en place.

Déclarez une fonction pour effectuer les opérations correspondantes, et vous obtiendrez le résultat de la promotion de la déclaration de fonction. On peut le trouver à partir de ceci :

Les déclarations de variables et de fonctions seront promues et exécutées devant les autres codes.

3. Comprendre progressivement

A travers plusieurs expériences, nous pouvons progressivement comprendre que la promotion des déclarations est en fait :

Les déclarations de variables et de fonctions seront promues dans d'autres codes (actuels domaine fonctionnel).

Lorsque vous atteindrez ce point, quelqu'un pensera que s'il s'agit d'une expression de fonction, sera-t-elle également promue ?

La réponse est : non. De plus, même les expressions de fonctions nommées ne peuvent pas être utilisées avant que l'identifiant de nom ne soit attribué.

Par exemple :

foo(); //TypeError
bar(); //ReferenceError
var foo = function bar(){};

Le code est décomposé en :

var foo; //变量声明提升
foo(); //foo对undefined值进行函数调用导致非法操作，故TypeError
bar(); //bar函数并没有声明，故ReferenceError
foo = function bar(){}; //对foo进行赋值

Donc :

L'expression de fonction ne peut pas être utilisée avant l'attribution de l'identifiant de nom.

Remarque :

1. Chaque portée sera promue. (Ainsi, le périmètre formé à l'intérieur de la fonction aura également une opération de promotion, et l'opération de promotion est limitée au périmètre interne actuel de la fonction)
2 Quand les fonctions et. les variables sont promues, la fonction Prioriser la promotion.
3. Les déclarations de fonctions à l'intérieur d'un bloc normal sont généralement promues en haut de la portée.

4. Compréhension approfondie

En lisant "Javascript You Don't Know", en cours d'apprentissage, vous constaterez qu'il y a une explication : les déclarations faites l'utilisation de let ne fera pas de promotion dans le cadre de la portée. La déclaration n'existe pas tant que le code déclaré n'est pas exécuté.

Par exemple :

console.log(a);
let a = 2;

运行结果是：ReferenceError: Cannot access 'a' before initialization. //初始化前无法访问"a"

Ensuite, je suis revenu au code que j'avais exécuté auparavant, j'ai remplacé let par var, et le résultat renvoyé n'était pas défini.

Avec la combinaison des deux et de la lecture, il m'a fallu deux mois pour comprendre l'article let, et j'ai découvert que j'avais une meilleure compréhension de la question de savoir si let était amélioré.

L'auteur divise les variables js en trois parties :

créer, initialiser et attribuer .

La raison pour laquelle les opérations ci-dessus ont des réponses différentes ne signifie pas que let n'est pas créé, mais qu'il existe un processus d'initialisation qui n'est pas exécuté. Et

utiliser la variable avant l'initialisation formera une zone morte temporaire.

Après avoir testé var, let et function, on peut conclure que :

La création et l'initialisation de var sont promues, et l'affectation ne sera pas promue.

La création de let est favorisée, l'initialisation et l'affectation ne seront pas favorisées. La création, l'initialisation et l'affectation de

fonction seront favorisées.

Cet article est terminé ici. Pour un contenu plus passionnant, vous pouvez prêter attention à la colonne Vidéo du didacticiel JavaScript du site Web PHP chinois !

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!