Sujets JavaScript : Déclarations et portée

1. Introduction: Bienvenue sur les rubriques JavaScript. Un Siri qui se concentre sur des sujets individuels. En JavaScript. Ces sujets sont ciblés de sorte que vous pouvez passer votre temps limité à apprendre ou à revoir un modèle de fonctionnalité ou un concept spécifique. Jetons un coup d'oeil à ce qui est couvert dans ce sujet dans les déclarations dans Scope. La liste des objectifs de Ride, Une compréhension complète de la portée dans le script Java et comment les mots-clés de déclaration, var, Let const diffèrent et s'appliquent à la portée. La portée est un concept essentiel à comprendre, c'est pourquoi nous l'aborderons d'abord en profondeur. L' utilisation de la barre de mots clés discutera ensuite let puis enfin, const. Cela devrait prendre environ 30 minutes pour compléter ce sujet, alors commençons à entrer. 2. Comprendre la portée: il est important de comprendre la portée en JavaScript afin de comprendre ce que fait votre code et afin de tirer pleinement parti de toutes ses capacités dans cette vidéo, nous allons utiliser plusieurs exemples pour aider à illustrer la portée et la chaîne de portée et faire que concept plus compréhensible. Donc, d'abord, il semble important de définir la portée. La portée est simplement un ensemble de règles qui déterminent où, au sein d'un programme, vous pouvez accéder aux éléments référencés. Habituellement, cela fait référence à des variables. La portée est donc un ensemble de règles qui déterminent où vous pouvez accéder aux variables que vous avez déclarées. Maintenant, la portée n'est pas limitée aux variables, comme vous le verrez dans nos exemples, mais nous pensons généralement aux variables. Quand on parle de portée. Jetons maintenant un coup d'oeil à quelques concepts qui sont associés à la portée. Le numéro un est la portée est déterminée. Lexical e. Qu' est-ce que ça veut dire ? Eh bien, comme signifie simplement que lorsque vous pilotez votre programme, où vous placez la déclaration des variables et des fonctions déterminées sculpter donc cela n'a rien à voir avec quand une fonction est appelée ou lorsque votre code est exécuté. La portée est déterminée par la façon dont vous écrivez votre programme. Deuxièmement, JavaScript utilise la portée de la fonction lorsqu'une nouvelle fonction est déclarée qui crée la portée. Tout en JavaScript commence dans la portée globale. Mais comme vous commencez à créer des fonctions qui crée la portée ainsi, puis enfin des fonctions imbriquées . Donc, si vous déclarez une fonction à l'intérieur, autre fonction qui crée une fonction imbriquée qui crée ce que nous appelons une chaîne de portée expliquera ce qu'est également une chaîne de portée. Ce sont donc les trois concepts qu'il est important de garder à l'esprit au fur et à mesure de ces exemples. Maintenant, regardons le code que nous allons utiliser pour les exemples qui aideront à expliquer la portée. abord, nous déclarons variable, nous lui attribuons le nombre 10. Ensuite, nous avons une fonction que nous avons référencée avec ajouter cinq. Les deux sont dans l'espace mondial. A l'intérieur de la fonction ad five, nous déclarons variable lui assignant le numéro cinq. Ensuite, nous avons enregistré les informations qu'il résulte du nombre passé plus cette variable . Nous déclarons une autre fonction à l'intérieur de la fonction ad five. En fait, nous déclarons une deuxième fonction à 15 qui est à l'intérieur de la fonction ad five. Les deux sont appelés et un nombre est passé dans ces fonctions. Alors maintenant, regardons quelle portée est créée à la suite de ce code. Voici un diagramme identifiant la sculpture créée par le code que nous venons de regarder . Donc, la portée la plus externe que j'ai étiquetée un, puis la fonction Ad 5 crée la portée. J' ai étiqueté qui soient à l'intérieur de la fonction advi. Nous avons une fonction à 10, ce qui crée la portée. J' ai étiqueté cette voir, et nous avons une fonction ad 15 qui crée la portée. J' ai étiqueté que d aucun avis dans la sculpture pour B, C et D. Il n'inclut pas la définition de la fonction fait partie de son champ d'application. Il inclut la variable qui est transmise, mais la fonction réside réellement dans la portée externe. Par exemple, si nous regardons la mer, numéro deux est une partie de la portée voir, mais la fonction ad 10 est une partie de sculpture. Sois maintenant. Parcouvrons le code et voyons comment la portée affecte ce qui se passe. Donc, d'abord sur la flèche pointe vers notre première déclaration excusable, qui consiste simplement à définir une variable A et à lui attribuer le nombre 10 la prochaine instruction d'exécution Herbal est l'appel de la fonction ad five, et nous passons dans un numéro trois. Donc nous allons à la fonction ad 5. C' est là que la variable numb est déclarée, donc engourdi est maintenant égale à trois. En raison de cette valeur, que nous avons passée, nous déclarons ensuite la variable B et un signe cinq. Maintenant, nous rencontrons l'instruction Consul dot logs. Maintenant, cette instruction de journal de concert out provoque une recherche pour les deux variables. Numb et être les premières recherches pour Numb dans sa propre portée. Il le trouve dans sa propre portée et renvoie donc trois, puis recherche la variable, être à l'intérieur de sa propre portée. Il le trouve et renvoie cinq, puis imprime le numéro huit parce que trois plus cinq est huit. Maintenant, nous passons à la déclaration excusable suivante qui appelle la fonction ad 10, et il passe dans un numéro trois. Donc, à l'annonce 10 Fonction engourdissement à est attribué une valeur de trois. Nous allons ensuite au journal des concerts. Le système recherche à travers sa propre portée, la portée de la fonction ad 10 pour les trouver à elle trouve et renvoie trois. Il recherche ensuite un Il ne peut pas trouver une sculpture à l'intérieur. Tu vois, donc ça va à la prochaine portée la plus extérieure. C' est la chaîne de portée dont nous avons parlé. La portée la plus extérieure suivante est être. Il cherche la variable a sculpt tant qu'elle ne peut pas la trouver. Donc, il va plus loin dans la chaîne de portée. Il va à la portée la plus externe suivante, qui est la portée A et la portée. A se trouve être la portée globale, sorte que la chaîne de portée s'arrête à la portée globale. Si a n'est pas trouvé dans la portée globale, alors il est considéré comme une variable non déclarée et provoque un air. Cependant, il trouve un dans cette portée. Il retourne la valeur, puis imprime trois plus 10 qui est 13. Nous avons passé à la prochaine déclaration excusable, qui est un appel à ajouter 15 et il passe dans le numéro trois. Numb three est déclaré avec une valeur de trois. Une variable see est déclarée et affectée une valeur de 15, puis l' instruction consul dot logs recherche d'abord numb three. Il le trouve dans sa propre sculpture et renvoie un trois, puis recherche le C qu'il trouve dans sa propre portée et les retours de 15 ajoutent ces deux ensemble et imprime 18. Les quatre portées différentes, nous avons examinées ici, ont été créées par la façon dont nous sommes entrés dans le manteau parce que nous avons imbriqué des fonctions à l'intérieur de la fonction ad 5 qui a créé la portée à l'intérieur de cela et créé également une chaîne de sculpture, qu' il pourrait parcourir pour trouver des variables quand il les cherche. Non, vraiment rapide. Et si on changeait une ligne de code ? La ligne d'identification en gras est le froid qui a été changé au lieu de se référer à la variable A. Elle fait maintenant référence à la variable Voir. Alors c'est possible ? Variable See est en fait simplement déclaré dans la portée D La portée D ne fait pas partie de la chaîne de portée pour la portée. Voir, par conséquent, un air serait produit. Fondamentalement, ce qui se passerait est qu'il chercherait la variable voir dans la portée, Voir n'a pas pu le trouver. Il va à la portée extérieure suivante, qui est B. Je ne peux pas le trouver, puis va à la portée d'un camp, trouver qu'il génère un air. Très bien, Un exemple de plus avec changement de code. Donc cette ligne a changé. Donc, la variable a est utilisée mais à l'intérieur de la fonction. Ajouter 15. Nous avons changé l'instruction de journal constant pour simplement appeler la fonction, ajouter 10 et passer un certain nombre de trois. Est-ce que ça marchera bien ? Lorsque cette fonction est appelée, elle cherchera la fonction à l'intérieur de sculpter D. Elle ne la trouvera pas. Il ira ensuite à la portée extérieure, qui est portée être ? Peut-il le trouver là ? Oui, la fonction ad 10 est déclarée dans la portée. Soit il le trouve et l'exécute. Maintenant. Avant de finaliser cette vidéo, j'aime vérifier tout ce dont nous avons parlé en exécutant le code réel. Alors faisons-le maintenant. Très bien, voici le code réel. Il est joint à cette page HTML. Donc, quand il sera exécuté, on devrait en avoir huit, 13 et 18. Je vais rafraîchir ça. Ouvrez la console 8 13 et 18. Maintenant, faisons rapidement les changements, dont nous avons parlé précédemment. Si je change cette variable pour voir comme je l'ai mentionné, nous obtiendrions un saut d'air exécuté. Bien sûr, on a une référence là-bas. Voir n'est pas défini car il ne peut pas trouver voir dans sa chaîne de portée. Revenons à un. Et maintenant appelons au lieu du journal de concert qui s'appelle ajouter 10 en passant un trois. Donc, si cela fonctionne, nous devrions avoir 8 13 et 13. Et bien sûr, c'est ce que nous obtenons. Encore un commentaire avant de laisser le concept de portée. Oui. Six Oui, 2015 a introduit un nouveau mot clé pour déclarer des variables. Que cela crée une portée différente de Var. Laissons ce dont nous parlerons dans le prochain sujet, alors passons à autre chose. 3. La différence entre var et l'en Difference: la norme ES six offrait une nouvelle façon de définir les variables. Jetons donc un coup d'oeil à la différence entre Var et laisser maintenant. La principale différence est avec la façon dont les variables sont étendues. Cependant, il y a une autre différence de aussi, et cela a à voir avec le hissage. Donc, d'abord, la portée des variables déclarées avec bar est la fonction elle-même ou si elles sont déclarées comme une variable globale, c'est l'environnement global, alors que les variables qui sont déclarées avec laisser la portée de ces est simplement le bloc de code, le bloc de code contenu dans les accolades. Maintenant, en ce qui concerne le levage, les variables déclarées avec le latte ne sont pas hissées, alors que celles déclarées avec loin le sont, Jetons un coup d'oeil aux deux exemples. Donc, d'abord, j'ai une fonction simple qui enregistre simplement une variable à la console. J' appelle cette fonction en ligne. Sept. Cependant, la variable n'est pas déclarée avant la ligne 10 et en ce moment j'utilise BAR. Nous allons regarder le levage dans ce premier exemple. Il me permet d'aller de l'avant et de rafraîchir ma page Web et d'afficher la console et de voir ce que nous avons. Il indique que les variables indéfinies nous n'avons pas attribué de valeur à lui, mais cela ne nous donne pas un air que la variable n'existe pas. Par conséquent, la déclaration de variable a été hissée au sommet du code, mais l'affectation est restée là où nous l'avions placée dans le code. Maintenant, quelle est la différence si nous changeons cela pour laisser maintenant dans ces deux situations, c'est dans l'environnement global, donc la portée de la variable pour notre et le latte dans l'environnement global est la même. Mais voyons ce qui se passe avec le levage. Actualisez à nouveau, ouvrez la console et remarquez. Maintenant, nous obtenons des références là-bas. X n'est pas défini, donc il n'a pas été hissé avec laisser où il était avec la barre D'accord. Le deuxième exemple dans cet exemple a une fonction qui se connecte à nouveau au consul mais passe par une boucle quatre, et il consigne la valeur de I au consul chaque fois que nous traversons la boucle quatre. Une fois que les quatre boucles sont terminées, puis je me connecte une fois de plus maintenant. Dans ce premier exemple, nous déclarons I avec bar. Allons de l'avant et appelons cette fonction et voyons ce qui se passe. Actualisez la console 1234, puis cinq. C' est la dernière déclaration du consul ici parce que la boucle quatre était aussi longue qu'elle était inférieure à cinq. Bon, maintenant, changeons cet orteil. Rappelez-vous maintenant, nous devrions définir la portée de la variable au bloc de code. Voilà notre bloc de code. Voyons donc ce qui se passe lorsque nous essayons de me connecter à la console à la ligne 15. Enregistrez cette actualisation. Nous obtenons le 1er 4 très bien. Mais une fois que nous arrivons à cette déclaration finale du journal de concert, nous obtenons une référence là où je n'est pas défini. Et c'est parce que j'ai été défini avec let donc la portée est limitée. Espérons que ces deux exemples vous aident à voir la différence entre var et je pense que l'une des meilleures façons d'apprendre est d'essayer différentes choses dans votre code et de savoir ce qui se passe. Donc, dans le projet de ce cours, je vais vous demander de faire exactement ça. Vous allez jouer avec le code fourni dans la rubrique précédente et apporter des modifications pour voir la différence entre let et bar. Mais avant de décrire le projet, nous devons parler de Const. Alors passons à autre chose 4. Créer des Constants avec const: nous avons un autre sujet ES six créant Constance. Cela va de pair avec la création de variables car c'est une structure très similaire. Une constante est un conteneur qui contient la valeur, les principales différences. Vous ne pouvez pas le modifier une fois hors valeur, affecté au conteneur. Alors jetons un coup d'oeil à ça. La syntaxe de configuration d'une constante est très similaire. La seule différence est au lieu de nos années ou au latte, le mot const. Dans le passé et le script Java, lorsque les programmeurs voulaient indiquer qu'une valeur ne devrait pas être modifiée, ils mettaient le nom de la variable dans toutes les lettres majuscules alors, car ils étaient de la programmation qui sauraient qu'il s'agit d'une valeur constante. C' est une valeur que nous ne voulons pas changer. C' est une bonne pratique à continuer. Je pense que lorsque vous utilisez le mot-clé const pour déclarer une constante oui, six l'a rendu possible afin que vous puissiez maintenant créer un conteneur, un conteneur de type variable qu'une fois qu'il est défini, il vous empêche d'y apporter un changement. Donc, si nous signons cette constante pi la valeur de 3.14, nous pouvons alors faire référence à cela et il revient et l'affiche, mais remarquez que nous ne pouvons pas le changer. Même si la valeur de changement est correcte, elle nous donne essentiellement un air. Donc, il y a des situations où vous voulez utiliser une constante quelque chose qui est immuable. Dans ce cas, vous voudriez le déclarer avec constante. Maintenant, comment la portée de Const se compare-t-elle avec var et laissez donc le coût est la portée de bloc, qui est exactement comme si la discussion que nous avions sur let s'applique à const. Il y a encore une chose que nous devons mentionner à propos de Constant. Il est important de se rappeler que Const Onley limite l'attribution de valeur. n'y a aucune restriction sur la valeur elle-même. Alors qu'est-ce que ça veut dire ? Pratiquement bien, permettez-moi d'illustrer. Donc je vais déclarer deux choses avec CONST. Cette année, c'est un nombre. C' est un primitif. Puisqu' il est primitif, nous ne pouvons pas changer la valeur du tout. Et parce qu'il est déclaré avec const, nous ne pouvons pas le réaffecter. Maintenant, la deuxième chose va être l'utilisateur pour trouver l'objet. Ok, donc nous avons deux déclarations avec Const. Allons de l'avant et jetons un coup d'oeil à ceux-ci. Donc, si je regarde la tarte dans la console, je peux le faire référence. Mais comme nous l'avons vu, je ne peux pas le changer. Ça me donne un air. Si je le fais maintenant, jetons un coup d'oeil aux autres 10 b. J. Je peux mentionner que je peux l'examiner. Voyons si nous essayons de le changer en autre chose. Peut-être juste un numéro. Non, ça me donne un héritier. Je ne peux pas faire ça. Mais voici quelque chose que je peux faire. Je peux changer l'objet car c'est un objet. Et les objets en Javascript sont immuables. Je peux aller de l'avant et le changer. Pour que je puisse définir le nom aussi. Quelque chose d'autre. Et cela va changer cela. Donc c'est ce que je veux dire. Quand je dis que la restriction est sur l'attribution de valeur. Ce n'est pas sur la valeur elle-même parce que les objets sont immuables en JavaScript, nous pouvons continuer à les modifier. Où utiliseriez-vous Const ? Eh bien, maintenant un jour. Vous verrez une utilisation const dans beaucoup d'endroits. Il est fréquemment utilisé pour les variables qui stockent la fonction. Et la raison en est que vous ne voudriez pas signer autre chose à cette variable. Si vous avez stocké une fonction dedans, quelque chose que vous êtes peut-être au courant ou que vous avez peut-être vu, que Const. Est devenu la déclaration de choix dans beaucoup de cas car il y a beaucoup de choses dans votre code auxquelles vous ne voulez pas attribuer une nouvelle valeur. Et donc ça a du sens. Cependant, vous pouvez également considérer ce que Const communique aux autres développeurs. Fondamentalement, il dit que cela ne sera pas changé, donc j'hésite à l'utiliser avec des choses comme d'habitude pour trouver des objets et des durées. Je n'ai pas l'intention de changer cet objet. Je ne veux pas que cet objet change ou que l'objet soit gelé. Mais si l'objet doit être immuable, alors je vais déclarer que c'était autre chose, selon ce que je veux que la portée soit. Et c'est une autre chose à faire, de considérer laisser et const confondus interchangeablement parce que leur portée est la même. Mais si vous voulez une portée différente, alors vous devrez utiliser la barre. D' accord. Dans la prochaine rubrique, je vais expliquer le projet pour ce sujet de la bande d'emploi 5. Projet: l' une des meilleures façons d'apprendre JavaScript est d'essayer différentes choses et de découvrir ce qui se passe. Donc, pour le projet, j'aimerais que vous fassiez exactement ça. abord, téléchargez le code du projet qui ressemble exactement au code présenté dans la discussion sur la portée. Vous remarquerez que le manteau utilise exclusivement de notre faire quelques changements et de savoir ce qui se passe. Utilisation. Laissez utiliser Const. Essayez certaines choses, voir ce qui se passe puis Prenez une capture d'écran de vos changements co ou télécharger le fichier de code ou peut être lié à certains, Cody a écrit dans Code Pen au code écrit un Iot. Ensuite, écrivez une description de ce que vous apprenez. De cette façon, nous pouvons tous apprendre les uns des autres, ce qui est une autre façon importante d'apprendre le script Java. Alors donnez-lui un essai et merci d'avoir fait partie de ce sujet JavaScript. Déclarations et champ d'application