*MISE À JOUR* JavaScript Série complète 2023 - Partie 12 : Fonctions JavaScript

1. Introduction au cours: Bienvenue, bienvenue, bienvenue à mon disque Kielce étudiants à cueillir 12 et série JavaScript. Et dans cette intrigue, nous allons discuter d'un terme vital quand il s'agit de JavaScript. Et ce terme, c'est des fonctions. Que sont les fonctions ? Ou les fonctions vous permettent à ses scènes très basiques, d'exécuter du code encore et encore et encore sans réécrire le code. Ainsi, par exemple, si vous devez inscrire des boutons sur la page Web et quand un utilisateur clique sur un bouton, vous voulez que la même chose se produise. Vous ne voulez pas dupliquer le code. Vous préférez écrire un bloc de code rapide dans une fonction et exécuter cette fonction chaque fois que le bouton S'inscrire est cliqué. Ce n'est qu'un exemple. Alors, qu'allons-nous couvrir dans cette classe ? Nous allons parler de ce qui fonctionne hors. Nous allons regarder la différence entre les déclarations de fonction et les expressions de fonction. Nous allons regarder la liaison du mot-clé ce en JavaScript. Nous allons regarder la syntaxe des flèches. Nous allons même regarder en volts les fonctions JavaScript, comme la fonction mathématique, ça va être super, super intéressant. Alors qui est cet automne ? La bonne nouvelle est, c'est pour tous les niveaux. Si vous êtes un développeur expérimenté, je suis sûr que vous allez apprendre quelque chose de nouveau si vous venez de commencer. Ne stress pas, tu sais, mon style a déjà commencé les bases et j'ai tiré dessus et j'ai toujours plus de pensées. Je suis super, super excité. J' ai hâte de vous voir dans les premières données. Adios. 2. Qu'est-ce qu'une fonction ?: Bienvenue à la première conférence sur les fonctions. Et comme nous l'avons vu, l'analogie de direction je vous ai tous donné une fonction est comme un bloc de code que vous pouvez enregistrer et réutiliser plus tard quand vous le voulez. Et comme je l'ai mentionné précédemment, les fonctions sont le pain et le beurre de la programmation. Vous devez savoir comment gérer les fonctions car vous ne voulez pas dupliquer le code chaque fois que vous voulez effectuer une tâche répétitive. Donc, ce que cela signifie est que vous écrivez une fonction une fois et vous pouvez l'utiliser autant de fois dans le futur. Et tout comme un FYI sur le côté, rappelez-vous des point-virgules, nous avons fait cela dans une section Syntaxe. Généralement, les point-virgules sont utilisés pour séparer les instructions JavaScript exécutables. Mais comme une fonction n'est pas une instruction exécutable, et par cela, je veux juste dire qu'elle n'est pas exécutée automatiquement. Vous devez réellement appeler il va invoquer cela, nous verrons cela sous peu. Et pour cette raison, il n'est pas commun de mettre fin aux fonctions avec un point-virgule, bien que parfois vous allez même m'attraper le faire par erreur et d'autres développeurs. Donc, ce n'est pas la fin du monde, mais gardez juste à l'esprit, vous n'avez pas à mettre fin à une fonction avec un point-virgule. Et comme nous venons de le dire, les fonctions ne sont pas exécutées immédiatement, est-ce que vous obtenez des expressions de fonction immédiatement invoquées IFIS, mais nous n'entrons pas dans cela maintenant. En général, les fonctions ne sont pas exécutées immédiatement. Alors, à quoi ressemble une fonction ? Comment on l'écrit ? Eh bien, tout d'abord, vous devez dire à JavaScript que vous créez une fonction. Comment faites-vous ça ? Eh bien, la réponse simple est que nous utilisons juste le mot-clé function. Maintenant, avant d'aller plus loin, il y a plusieurs façons de créer une fonction en JavaScript. On va les regarder. Mais quelle que soit la façon dont vous utilisez, quelle que soit la méthode que vous utilisez pour créer une fonction, ces concepts généraux que j'enseigne dans notre appliqué à chaque méthode différente. Donc, si vous comprenez ce que je vous enseigne maintenant, vous pouvez l'appliquer à n'importe quelle méthode de création d'une fonction et vous la ramasserez beaucoup plus rapidement. Donc, ici, nous allons juste utiliser une déclaration de fonction. Afin de déclarer la fonction, nous avons le mot-clé function, super, sonar JavaScript sait que nous voulons créer une fonction. Mais vous serez d'accord avec moi que nous allons probablement vouloir créer des centaines, voire des milliers, de fonctions dans notre application. Par exemple, il peut vouloir créer une fonction qui accueille votre utilisateur lorsqu'il entre dans votre page, vous pouvez créer une autre fonction qui détermine s'il est membre ou non. Vous pouvez créer une autre fonction pour déterminer s'il désactive son compte ou non. Et s'il le fait, vous voulez lui donner un autre message ou une alerte. Ce sont des fonctions différentes et à cause de cela, vous devez distinguer entre une fonction d'une autre. Vous devez savoir quelle fonction appeler quelle fonction vous voulez exécuter. Et comment on fait ça ? Eh bien, c'est vrai. Nous devons donner un nom à notre fonction afin de savoir quelle fonction exécuter quand vous en avez besoin. Et appelons notre test de fonction pour l'argument. Maintenant, quelle est la prochaine chose dont nous avons besoin ? Eh bien, au fur et à mesure que vous commencez à vous développer, vous voudrez passer des arguments à cette fonction. Par exemple, qu'en est-il si nous voulions donner à un utilisateur de serviettes d'alerte de bienvenue ? Nous ne voulons pas que l'alerte dise, salut, utilisateur aléatoire. On voudrait que l'alerte dise quelque chose comme bonjour John, haut 10x. Et ce qui nous permet de le faire comme nous devons passer des arguments, nous devons passer des variables. Et pour passer des variables, vous devez avoir des parenthèses. Et c'est un gaz. Vous avez un mot-clé function. Nous appelons notre goût de fonction au client. On peut l'appeler comme on veut. Et puis vous devez avoir les parenthèses. Mais maintenant, disons que nous voulons transmettre le nom de l'utilisateur. Alors mettons cela dans une variable appelée nom. Et oui, il entre les parenthèses. Et quelle est la dernière chose qu'on doit faire ? Eh bien, si vous le soulevez à ça, alors.. JavaScript ne saura pas quoi faire. Super. On a défini la fonction, on appellerait le goût. Qu' est-ce que ça va faire ? Quel moment il ne fait rien. Et c'est là que les accolades entrent en elle et ne se confondent pas avec les objets. Ce n'est pas un objet lorsque JavaScript voit à la fonction mot-clé, il va savoir que ces accolades, ou juste un endroit où nous définissons notre code. Et dans la programmation, cet endroit entre les accolades est juste appelé un bloc, appelé un bloc de code. Et c'est avec la viande et le cœur de notre code JavaScript va vivre. Continuer avec notre exemple. Allons juste alerter bonjour à l'utilisateur. Et ici, nous allons utiliser des littéraux de modèle, que nous avons vu dans la section Syntaxe. Et c'est tout. C' est littéralement comme ça que vous écrivez une fonction. Ce n'est pas si difficile. C' est intuitif, c'est facile. Et le meilleur de tous, ça a beaucoup de sens. Mais à ce stade, nous n'avons défini qu'une fonction. Nous ne l'avons pas exécuté, nous ne l'avons pas appelé un dans les langages de programmation pour exécuter une fonction appelée appeler ou appeler cette fonction. Encore une fois, ne vous laissez pas intimider par ces mots. C' est tout invoquer des moyens. Mais nous allons entrer et voir comment nous invoquons réellement cette fonction. Donc, comme je l'ai mentionné, invoquer une fonction signifie simplement l'exécuter ou l'exécuter. Regardons notre fonction à nouveau, test de fonction, où nous allons juste alerter le nom salut pour vous rappeler que le goût est juste un nom personnalisé que nous avons donné à notre fonction. On peut l'appeler comme on veut. Et comment fonctionnons-nous cette fonction ? Prendrons-nous notre nom, dans ce cas, goût ? Tout ce que nous faisons, c'est que nous le suivons par parenthèses. C' est aussi simple que ça. Vous ne dites pas au moteur JavaScript d'aller exécuter cette fonction. Mais accroche-toi. Nous avons défini que cette fonction a besoin d'une variable appelée name, un argument appelé name. Alors faisons ça. Mettons des hommes. Et c'est tout. C' est tout ce que vous faites pour appeler une fonction. Super, nous avons couvert la théorie selon laquelle maintenant, comme toujours, voyons quelques exemples. 3. Invoquer ou retourner une fonction: Avant de passer à autre chose, juste un exemple très rapide, Rappelez-vous comment nous venons de dire que pour invoquer une fonction, vous devez faire les doubles parenthèses. Ou que se passe-t-il si vous n'incluez pas les deux parenthèses ? Laisse-moi te montrer. Solidify maintenant fonction appelée loup. Et tout ce que Wolff fait comme la console se connecte à l'écran. Si nous n'incluons pas les parenthèses, que va-t-il se passer ? Les instances Linux ne vont pas exécuter la fonction, elle retournera littéralement la fonction elle-même à vous. Donc gardez cela à l'esprit si vous voulez créer des instances de cette fonction et la mettre en variables, assurez-vous de ne pas mettre les parenthèses derrière car dès que vous mettez les parenthèses derrière, il exécute le fonction. Laisse-moi te montrer. Si on part et qu'on met entre parenthèses, que va-t-il se passer ? Eh bien, allons à la console journal à l'écran, comment ils ont du sens. Mais il y a encore beaucoup à faire. Allons-y. 4. Conférence amusante - cliquez sur et modifiez le texte: Fonctions, nous allons voir quelques exemples. En fait, je veux vous montrer deux exemples. Maintenant, l'un sera relativement simple, l'autre va être un peu plus complexe parce que maintenant je sens un peu que tu y arrives. Je me sens vraiment comme vous et je vais structurer les fichiers comme nous le ferions dans un vrai site web. Ainsi, vous pouvez également avoir une idée de la façon dont nous lions JavaScript avec notre HTML. Ok, exemple numéro un, je voulais juste avoir un texte simple. Lorsque nous cliquons sur ce texte, je veux qu'il soit remplacé par un autre texte et je veux le faire en écrivant une fonction. Donc oui, je viens d'avoir un document Visual Studio Code vide. Tout ce que nous devons faire maintenant est de créer un dossier et appelons-le notre projet. Disons que c'est quatre J sans fonction. Parce que les vieux trucs, Project fonction dans le nom, avons un fichier HTML point d'index parce que c'est ainsi que l'apôtre commence. On doit commencer ici. Et c'est créer un modèle HTML standard dans notre corps qui crée un en-tête. Nous allons l'appeler exemple de fonction. Prenons un paragraphe. Ceci est un exemple de changement de texte via une fonction. Modification du texte à l'aide d'une fonction crédits. Et si nous cliquons sur OK. Go Live serveur, puis nous affichons cela dans un site Web. C' est ce que nous voyons l'exemple de fonction. Ceci est un exemple de changement de texte. Super, que si je clique de toute façon, rien ne se passe. Donc, en revenant à notre éditeur de texte, ce que nous devons faire maintenant va maintenant avoir besoin de créer un fichier JavaScript. Et disons que dans cette grande structure de dossiers, nous avons un autre dossier appelé public. Et dans ce dossier, vous avez votre fichier de script. Nous, nous écrivons tout notre JavaScript. Et maintenant, je veux que nous créions une fonction qui remplace juste le goût. Et rappelez-vous, de quoi avons-nous besoin pour créer une fonction ? Laissons les ratons laveurs dire à JavaScript que nous écrivons une fonction, donc nous utilisons le mot-clé function. Maintenant, nous devons nommer notre fonction. C' est juste cool ça montre parce qu'on veut montrer des prises. Rappelez-vous que nous avons besoin des parenthèses après le nom, juste au cas où nous voulons analyser les arguments. Et puis nous devons réellement écrire notre code entre parenthèses bouclées. Et tout ce que nous voulons faire, c'est que nous voulons document.write fonction ISL. Comme on l'a invoqué. Walden. Et c'est une fonction qui, encore une fois, si nous revenons ici, ça ne fonctionnera pas parce que nous n'avons pas encore fait le lien entre notre page HTML d'index, en cliquant sur ce paragraphe, poule notre fichier JavaScript. Alors faisons ça. Retournons en arrière. Oui, c'est bon. Notre fichier d'index. Et une fois que les pâtes ont traversé notre HDL entier et que tout cela est chargé à l'écran. Il va alors frapper cette balise de script. Et la balise de script va référencer notre fichier JavaScript. C' est donc dans le dossier public et dans le dossier public et un fichier appelé script.js. Donc, ce qui est génial à ce sujet, c'est que si nous allons sur notre site Web et que nous actualisons le clic ne fait rien parce que nous n'avons pas dit au navigateur que lorsque nous cliquons, nous voulons que cette fonction soit exécutée. Un poulet. Ça, c'est cool. Si nous inspectons ce document, vous allez dans votre onglet Réseau et nous actualisons. Vous pouvez voir que notre fichier de script est en cours de chargement. Si vous cliquez sur le fichier script encore fonction GCF que nous avons écrit à l'intérieur en radis. Un peu d'informations intéressantes pour vous. Maintenant, faisons le lien entre la coche de ce texte et cela prend des changements. Donc, si nous revenons à notre éditeur et nous regardons ce texte de paragraphe, ce paragraphe est l'endroit où nous sommes sortis JavaScript pour être déclenché. Ici, nous pouvons définir un événement on click et la liste juste exécuter notre fonction show. Gardez à l'esprit qu'avec un événement onclick, tout ce qui est entre guillemets est JavaScript. Donc nous n'avons même pas besoin de rafraîchir le spectacle. Par exemple, faisons simplement une alerte. Nous pouvons, nous pouvons écrire JavaScript directement dans ces guillemets. Et si nous retournons ici et que nous cliquons ici, ils sont alertes. Donc ça marche. Si on retourne à notre dossier, on n'exécute pas l'alerte. Nous voulons réellement exécuter notre propre fonction personnalisée appelée show, qui est dans notre fichier JavaScript ici. Et si nous allons ici et nous cliquons, nous y allons. Document.Write. Le texte entier a été remplacé par notre fonction, a été invoqué, bien fait. J' espère que ça fait des scènes. Nous avons commencé avec un fichier HTML d'index. Nous avons défini notre paragraphe, nous avons référencé maintenant. 5. Amusant - Afficher un citation aléatoire: Que diriez-vous si nous voulons un bouton et que chaque fois que vous appuyez sur ce bouton, vous voulez que le texte du paragraphe change. Alors disons qu'on a quatre ou cinq citations. Chaque fois que vous appuyez sur ce bouton, épaisseur, sélectionnez aléatoirement l'une de ces citations et affichez-le à l'écran. Comment ferons-nous ça ? Faisons-le ensemble. Donc, la première étape est de créer un nouveau dossier. Et ça s'appelle la fonction de projet avancée. Ok, dans, ouais, avons un fichier index.html. Nous avons traversé cela, nous savons que c'est là que nous devons commencer à créer un modèle standard. Et voici, prenons un bouton. Et appelons ce bouton montrer citation. Et maintenant veut un conteneur où nous pouvons montrer les guillemets n. Donc nous allons juste avoir une balise de paragraphe pour l'instant. Nous voyons cela en ligne. Jetons juste un coup d'oeil à ce que ça ressemble. Nous devrions juste voir un bouton vide qui ne fait rien lorsque nous cliquons. Alors montrez une citation, rien ne se passe. Nous n'avons encore rien défini, mais nous savons que nous avons un bouton sous le bouton. Nous allons avoir une balise de paragraphe qui est maintenant vide, mais qui va montrer nos guillemets. Retournons à notre rédacteur en chef et travaillons sur notre citation. Alors créons à nouveau. Disons qu'on a un dossier public. Et dans le dossier public, disons que nous avons votre script, votre JavaScript, où nous hochons notre JavaScript. Et ici, nous voulons apparaître tout à fait alors définissons une fonction. Nous commençons par le mot-clé fonction, nous l'appelons, maintenant ce que nous voulons. Appelons juste le show quote n dans les accolades. C' est là que nous avons tout notre code, notre viande. Et c'est ainsi que nous allons nous lancer dans l'utilisation de différents types de données que nous avons appris ? C' est pourquoi il est important que nous apprenions ces choses inconnues maintenant. Donc, la première étape est que nous avons besoin d'un endroit où stocker toutes nos citations. On ferait ça ? Comment ferons-nous ça ? Rappelez-vous, les guillemets ne sont que des chaînes. Type de données de chaîne. Comment pouvons-nous décrocher plusieurs guillemets est dans un tableau, cuz un tableau stocke plusieurs valeurs. Alors appelons nos guillemets de tableau. Et cela commence par rendre notre nouveau tableau vide. Nous n'avons pas de citations dans le soigné. Et maintenant, ajoutons nos citations. Comment ajouter des devis ? Allons-nous appeler notre tableau ? Nous déclarons que le premier élément dans le tableau, et rappelez-vous, il commence par l'index 0 car il fait référence où en mémoire nous allons accéder à ceci à partir d'un maintenant c'est 0, nous allons y accéder directement à partir de son point de départ, qui est blanc 0. La première citation est, quand vous atteignez la, la fin de votre corde, attachez un noeud dedans. Et ajoutons une autre citation. À une autre citation, nous accédons à notre nouveau tableau, qui contient maintenant un élément. Et maintenant, nous voulons que ce soit le deuxième élément du tableau. Et cette citation peut être, n' est rien permanent que le changement ? Rien n'est permanent. Mais ajoutons une autre citation. Nous accédons à notre tableau. C' est maintenant dire que nous voulons que ce soit le troisième élément. Et laissez cette citation par quelque chose d'autre. Dites que la chance est un dividende de doux. Et faisons juste un axe de plus, notre tableau. Nous voulons que ce soit le quatrième élément du tableau. Et cette citation peut juste être, c'est, faut autant d'énergie à souhaiter que pour aplatir. Alors on y va. Nous avons nos citations, nous avons quatre citations dans ce tableau. Maintenant, ce que nous voulons qu'il fasse, c'est que nous voulons juste les afficher aléatoirement lorsque cette fonction show quote est exécutée, quand elle est invoquée. Comment faites-vous ça ? Eh bien, nous devons créer un nombre aléatoire entre 03 pour accéder à chacune de ces citations. Comment ils font ça me laisseront écrire d'abord, puis je vous expliquerai ce que nous avons fait des images, se débarrasser de cette année. Donc tout ce qu'on va faire est de définir une variable aléatoire qui continue de changer. Et cette variable aléatoire sera celle qui appelle notre tableau de guillemets. Donc, en effet, c'est, ce rand va remplacer ces nombres, 012 ou trois, que aléatoirement un nombre qui continue de changer. C' est tout ce qu'on essaie de faire. Nous pouvons accéder à l'objet mathématique de JavaScript. Et nous allons accéder à la méthode complète dessus, ce qui fait juste autour de nombre entier. Sinon, il va produire des nombres aléatoires qui ne sont pas un nombre entier et nous ne pourrons pas y accéder dans notre tableau. C' est tout ce que fait cette fonction de plancher. Ensuite, nous allons faire de l'excès la fonction mathématique aléatoire de JavaScript. Et parce que le point mathématique aléatoire produit un nombre compris entre 01, nous devons multiplier par notre longueur de tableau afin permettre à cette variable aléatoire de prendre des valeurs. La même longueur est notre tableau. C' est pourquoi nous allons multiplier par la longueur des guillemets. Et c'est tout. Nous avons littéralement défini notre variable aléatoire. Maintenant, quelle est la dernière étape ? Permettez-moi de commenter ceci. Tu sais ce qui se passe ? Créez un nombre aléatoire entre 03 et maintenant. Qu' est-ce qu'on a à faire ? Eh bien maintenant, nous avons un XY est notre paragraphe. Rappelez-vous cette balise de paragraphe ? Vous montrer à nouveau dans le fichier d'index, nous avons cette balise de paragraphe. Nous voulons afficher la citation dans cette balise de paragraphe. Monsieur. Oui, nous devons identifier la balise de paragraphe et insérer notre citation à l'intérieur. Ok, super, alors comment peut-on identifier la balise de paragraphe ? Eh bien, nous l'avons fait dans une des conférences précédentes. Mais juste pour vous rappeler, JavaScript a une méthode getElementsByTagName intégrée, et cette méthode est accessible sur l'objet document. Donc getElementsByTagName. On veut avoir le paragraphe. Et rappelez-vous ce que j'ai dit avant, cela produit une liste de nœuds. Nous avons donc, nous devons réellement accéder au premier élément de cette liste. Ensuite, nous voulons changer l'attribut HTML interne de ce paragraphe. Et nous voulons que ça soit égal à quoi ? C' est vrai. Nous accédons à notre tableau de guillemets et nous passons dans cette variable aléatoire. Et cela devrait être au travail devrait. Laissez-moi juste expliquer tout en fait tout d'abord, voyons si ça marche et puis je vais expliquer comment tout ce truc aléatoire maths plancher fonctionne. Alors allons à notre page d'index. Si nous retournons sur notre site Web et que nous cliquons dessus, rien ne se passera parce que nous n'avons pas tracé de lien entre cliquer sur ce bouton dans l'exécution de cette fonction, c'est pourquoi nous devons revenir à notre page d'index. La première chose que nous devons faire est de référencer notre fichier de script. Et c'est dans le dossier public, et c'est dans un fichier appelé script.js. Maintenant, tout ce que nous avons à faire est que nous devons définir quand la fonction est appelée et nous allons le faire chaque fois que le bouton est cliqué. Nous insérons donc un événement onclick sur ce bouton. Et maintenant, nous devons exécuter notre fonction. Qu' est-ce qu'on a appelé notre fonction va jeter un coup d'oeil. Nous appelons cette fonction show bizarrerie. Donc, nous devons retourner à notre fichier d'index et nous devons exécuter. Bien sûr, démissionne. Chaque fois que ce bouton est cliqué. Mais voyez si cela fonctionne. Allons sur le site. Rafraîchir. Cliquez sur Afficher maladroit. Dans le paragraphe de l'ego obtient la citation insérée dans elle. Rien de permanent que le changement. Et chaque fois que je clique sur cette citation, elle change. C'est génial ? Pour comprendre nos fonctions puissantes tout ce que nous n' avons pas à réécrire le code chaque fois que vous cliquez sur un bouton. Il s'agit juste d'exécuter cette fonction encore et encore et encore. Ok, donc tu te demandes probablement comment cette fonction mathématique a fonctionné ici. Loyer, math.floor, maths point aléatoire. Qu' est-ce que tout ça ? 6. Math.random: Ok, donc ça te montre quelle est la méthode aléatoire. Nous allons simplement créer un nouveau fichier très rapidement. Et maintenant c'est une longue conférence, donc je ne serai pas longtemps OMP. Nous allons juste l'appeler Meteor.js. Fermons tout le reste. juste expliqué le concept général de ce que nous avons fait. Je veux commencer à coïncider. Et maintenant, laissez-moi vous montrer ce qu'on a fait. Tout d'abord, qu'est-ce que le math dot aléatoire mec, il est intégré dans JavaScript. Donc, nous avons eu accès à cet objet automatiquement. Disons juste un nombre tardif égal math.pi, numéro de modus de console aléatoire et tardif. Le Yeager et il a lu Tommy, sauvegardez le dossier, on a un nouveau numéro aléatoire. Mais vous remarquerez que ces chiffres sont compris entre 01. Donc, quand nous avons notre tableau, et c'est juste délicieux, dire tableau LIT est égal à 135. Pour y accéder, nous devons utiliser 01 ou deux. Par exemple, si je voulais une console, déconnectez-vous le premier élément dans, à l'intérieur des crochets, entre crochets, je dois avoir des entiers entiers. Dans ce cas, je dois soit avoir 0. On ferait ça. Et cela récupère la valeur de ce tableau. Donc, vous êtes d'accord avec moi déjà avec numéro d'utilisation conscient parce que le nombre et l'entretien économiser maintenant, sorte que vous pouvez voir qu'il est toujours entre 01. C' est pourquoi nous avons multiplié le hasard math.pi par nombre. Et quel nombre devrions-nous multiplier ? On avait quatre citations, donc on l'a multipliée par quatre. Nous console journal array.length. Ici, nous en avons trois, mais pour le garder similaire à l'exemple précédent, je vais vous montrer ceci. Mettez-en un de plus. Maintenant, nous avons plein. Donc nous multiplions cela par quatre, mais au lieu d'écrire le numéro quatre, nous le répétons simplement. Eh bien, multiplions-le par sa longueur. Maintenant, nous savons que le plus grand nombre, cela peut être aussi plein, un plus petit nombre, cela peut être un 0. Toi avec moi tellement plus grand. Mais maintenant, pouvez-vous voir comment ces chiffres produisent de tels nombres aléatoires ? Si nous avons essayé d'aller tableau et nous avons essayé d'accéder à un numéro comme celui-ci, n'ont pas pu, n'existe pas. Ce doit être un nombre entier. Et c'est pourquoi nous utilisons Math.Floor. Et le Math.floor renvoie toujours le plus grand entier inférieur ou égal à comme un nombre. Ainsi, par exemple, sur l'écran pour le moment, nous voyons les nombres 2.940 utilisant le plancher de meth juste revenir pour soutenir pour faire des scènes. Donc tout ce que nous avons fait, c'est que nous avons inclus une fonction Math.Floor en face d'une description complète ici. Et l'UGA. Donc maintenant, la variable de nombre sera toujours comprise entre 03. C' est génial ? C' est exactement ce que nous avons fait, qui nous a permis d'accéder à tous les éléments du tableau. L' espoir a du sens. Allons passer à autre chose. 7. Qu'est-ce que le mot clé RETOUR: Le mot-clé return est important à comprendre. Mais pourquoi ? On va jeter un coup d'oeil. Nous allons créer une fonction qui ajoute juste a et b. Rappelez-vous à la fonction de crédit, nous avons besoin du mot-clé fonction. Maintenant, nous devons le nommer. Appelons ça juste ajouter. Et ajoutons deux nombres, a et b qui passeront dans la fonction. Et regarde ça. Je vais revenir. Javascript comprend ce que cela signifie et je vais vous expliquer sous peu ce que cela signifie. Et nous allons retourner un plus b. Et si nous exécutons cette fonction, c'est dot co-occurrence. Et ajoutons 510. Et sa console est bruyante, journal de la console. Ils considèrent. Il arrive avec une réponse de 15, comme on s'y attendrait. Mais que signifie réellement ce mot-clé de retour ? Jetons un coup d'oeil. Il y a un mot-clé tourné vise simplement l'exécution et vous avez deviné qu'il renvoie une valeur. Qu' en est-il si ces étroite à envahir dans cette instance, indéfinie comme renvoyée, pas maintenant, indéfinie. Et quelque chose d'autre à garder à l'esprit est que l'instruction return est affectée par l'insertion automatique du point-virgule. Ce que je veux dire, prenons notre exemple de fonction où il renvoie un plus B. Si nous devions écrire retour et sur une nouvelle ligne, nous avons écrit un plus B. Que va-t-il se passer ? Est-ce que l'analyseur va interpréter qui est retourné point-virgule et nommer un point-virgule plus b. Et le point important à réaliser avec cela est que le a plus b dans ce cas serait un accessible. Alors, comment pouvons-nous retourner quelque chose qui s'étend sur plusieurs lignes ? Eh bien, dans ce cas, vous avez juste besoin de le mettre entre parenthèses. Ça marcherait. Jetons un coup d'oeil à un autre exemple rapidement. Très bien, donc quelques exemples supplémentaires sur le mot-clé return. Rappelez-vous comment nous avons dit que lorsque vous utilisez le mot-clé return à arrête l'exécution de la fonction. Qu' est-ce que ça veut dire ? Eh bien, cela signifie d'abord que si nous avons d'autres variables, nous définissons des égal à dix, d égal à 20, et nous console log c plus d. Vous pouvez vraiment voir mon IDE est un peu grisé sur ces instructions. Et la raison pour laquelle c'est de grands désastres que ceux-ci ne vont pas être exécutés. Si nous ajoutons 510 à nouveau au décrochage nous montre 15. Si nous voulions voir les deux, nous devrions alors les repositionner au-dessus de la déclaration de retour. Ce n'est qu'à présent que la console consigne c plus d et retourne 15. Et vous devez toujours être prudent avec le mot-clé return. Parce que si tu ne l'as pas, ça peut causer des choses bizarres. Ce que je veux dire, prenons une planche. Souviens-toi de clunker, on n'a pas utilisé ça depuis un moment. Juste sur la page d'accueil et remix en cliquant sur ce nouveau bouton ici. Et nous pouvons simplement par défaut à un fichier HTML, CSS et JavaScript vide standard . Et ce qui est bien à propos de Planck est sur la gauche, vous pouvez en quelque sorte voir la mise en page du fichier de projet. Vous pouvez voir vous asseoir, vous avez votre fichier d'index. Et si nous cliquons sur notre fichier d'index, vous pouvez voir qu'il fait référence au fichier JavaScript dans le dossier lib. C' est juste une belle vue d'ensemble pour vous. C' est agréable de voir comment tout s'insère. Mais maintenant ce que je veux faire, c'est que je veux créer dans le fichier d'index, créons juste un paragraphe avec la démo d'ID. Donc tout ce que je veux faire, et dans notre fichier JavaScript, que nous savons est déjà référencé dans notre fichier d'index. Donc nous savons que ça va être exécuté. Définissons une fonction appelée test. Et dans le goût, nous allons passer dans un nom de variable un argument. Vous vous souvenez comment nous avons vu cet exemple plus tôt ? Et ici tout ce que je veux faire, c'est que je veux écrire dans ce paragraphe Bonjour voisin. C'est tout ce qu'on voulait faire. Maintenant, nous avons défini notre fonction. Tout ce que nous devons faire maintenant est d'accéder à leur balise de paragraphe et d'y insérer ce texte. Alors, comment accéder à une balise de paragraphe ? Nous nous souvenons, nous commençons par le document parce que c'est l'application primordiale. Nous accédons à une méthode intégrée sur ce get élément par ID. Et puis on peut écrire ce qu'on veut à l'intérieur. Donc, nous allons commencer par le document. Obtenir élément par ID, dans ce cas la démo ID Decebalus. Et là, nous nous demandons directement dans son HTML interne, nous voulons exécuter cette fonction et disons que Wally de l'utilisateur. Maintenant, tout ce que nous avons à faire est de prévisualiser ceci. Vous pouvez voir est bonjour clunker. Il a été inséré dans le fichier index.HTML, et là nous allons et trouver. C' est une autre raison pour laquelle si vous n'avez pas le mot-clé return, vous vous souvenez de ce que j'ai dit ? Il retourne undefined. Je viens de prouver qu'il y a deux ans et c'est bizarre. Vous pensez que Ys et ne pas retourner Bonjour 10x. Et la raison est, comme vous l'avez deviné, vous avez besoin du mot-clé return. Donc, si nous retournons maintenant bonjour nom et il rafraîchit, nous devrions obtenir bonjour dolly et nous faisons l'impatient. Et un autre exemple. Ouvrons simplement la console de Chrome. Et il a un autre exemple est la fonction créative. Appelons notre goût de fonction par manque d'un meilleur mot. Et dans, ouais, définissons juste un chien. Et disons que son nom est doggy. D' accord. Maintenant, si j'exécute cette fonction, qu'attendez-vous à être retourné ? Ce que nous n'avons pas inclus le mot-clé return. Donc oui, je m'attendrais à ce qu'indéfini soit jeté. Et c'est exactement ce qui s'est passé. Alors qu'en est-il si nous créons une autre fonction ? Et appelons ça aussi des goûts. Et je ne suis pas très créatif ici avec les noms. Et c'est très dopé pour une valeur égale. Maintenant, au lieu de fermer et de mettre fin à la fonction, mettons ce mot-clé return. Et qu'est-ce qu'on veut ? Retourner Will, disons juste que nous voulons que le chien revienne ici D2, qui est son nom. Alors quand je cours goût à ce que tu penses qu'il devrait arriver maintenant ? C' est vrai, on devrait voir qu'on est quatrième. Th, deux seront quatrième. Ce n'étaient donc que trois exemples rapides de la façon dont le mot-clé return peut affecter le résultat de l'exécution de votre fonction à la vitesse d'une mine. C' est un point important à noter. Allons passer à autre chose. 8. 2 types de fonctions - Déclaration vs expression: Maintenant, avant de passer à autre chose, qui va jeter un coup d'oeil sur les types de fonctions. Rappelez-vous quels objets il y avait différentes façons de créer un objet. Nous avions des littéraux, nous avions des constructeurs, nous avions la méthode create, nous avions la classe, ou la même chose avec les fonctions. Nous avons différentes façons de créer une fonction. Mais ce qui est sympa, c'est qu'il est là. C' est un peu plus simple car il n'y a que deux façons de définir une fonction en JavaScript. Nous avons une déclaration et nous avons une expression. La déclaration que nous avons souvent vu à travers nos exemples que lorsque nous avons le mot-clé function, alors nous avons le nom de notre fonction tout en disant salut, nous avons les indices PR où nous passons dans un paramètre. Et puis nous avons les accolades où nous définissons réellement notre fonction ici. Nous définissons juste Hai Nan en utilisant des littéraux de modèle. Donc, c'est une déclaration de fonction. Eh bien, comment écririons-nous la même fonction mais en utilisant une expression de fonction ? Eh bien, oui, vous pouvez voir à quel point c'est similaire. Nous définissons juste une variable appelée SayHi et nous assignons net la fonction. Vous pouvez voir dans les deux cas, nous devons utiliser le mot-clé fonction est cette syntaxe de flèche que nous allons obtenir sur vous. Mais avant d'y arriver, vous pouvez voir la façon traditionnelle de créer les deux fonctions signifie que nous devions utiliser le mot-clé function. Alors plongons dans ces détails un peu plus en détail. Nous avons une déclaration de fonction sur l'ascenseur et expression de fonction mélodique sur la droite. Et la signification de ces deux fonctions est exactement la même. Et par cela, je veux dire juste que les deux ont créé la fonction et ils l'ont volé dans une variable appelée une variable. Dis bonjour. Donc vous demandez probablement, pourquoi avoir une méthode plutôt que l'autre ? Et la réponse est qu'il y a une différence plus subtile. Et cette différence est le moment où la fonction est créée. Et une fonction peut être créée immédiatement ou ultérieurement. Et avec une déclaration de fonction, il est créé immédiatement. Et avec une expression de fonction, il est seulement créé, Il est appelé. Et je vais vous montrer des exemples de ce que cela signifie dans la prochaine conférence. Donc, ne vous inquiétez pas si vous ne comprenez pas complètement ce que cela signifie maintenant qu'à un niveau très, très élevé cela signifie simplement que la déclaration de fonction, vous pouvez réellement appeler la fonction même si vous l'avez définie plus tard dans votre code. Ok, mais maintenant regardons les expressions de fonction un peu plus en détail. La première chose que vous remarquerez est que vous pouvez stocker la fonction dans une variable. Comment on l'a appelé, dis bonjour. Et l'autre chose à garder à l'esprit est x_k avec des expressions de fonction. Vous remarquez comment nous ne donnons pas la fonction réelle et m ? Regardez la déclaration de fonction où nous disons fonction et nous suivons cela par le nom de fonction appelé SayHi. Oui, on définit juste une fonction. Eh bien, dans le jargon de programmation, c'est juste connu comme une fonction anonyme, c'est juste une fonction sans nom. Nous lui avons donné un nom parce que nous l'avons mis dans une variable que nous n'avons pas directement donné à la fonction un nom comme nous l'avons pour la déclaration de fonction. Et l'un des autres avantages massifs avec une expression de fonction est un iffy. Et encore une fois, ne vous laissez pas intimider par ces mots bizarres. Tout cela signifie que lorsque vous voulez utiliser une fonction une fois, vous le faites souvent via la méthode appelée iffy expression de fonction immédiatement appelée. C' est ce que ça représente. Et je ne veux pas entrer dans les expressions de fonction immédiatement invoquées en ce moment. Si vous êtes quelque chose comme moi, vous ne voulez pas être curieux de savoir ce que cela signifie réellement pour se gratter sur chacun. Laissez-moi vous donner un exemple rapide. Disons que nous avons un élément de paragraphe avec un ID de goût dans notre HTML. Et tout ce que nous voulons faire, c'est que nous voulons que JavaScript exécute du code qui place une chaîne appelée Yj dans leur paragraphe. Comment allons-nous faire ça ? Bien sûr, nous devons d'abord commencer par la balise de script. Dean Leeds, définissez une expression de fonction. Nous ne faisons pas de déclaration ici. Nous faisons une expression de fonction. Nous allons accéder à l'objet document de JavaScript, qui est votre page Web globale. Et dans le document du PNUE, nous avons automatiquement accès à un élément get par la méthode ID. L' ID, nous voulons un bon goût, puis nous voulons changer son HTML interne pour oui. Alors, voilà. Ce sont des expressions de fonction. Nous fermons la balise de script et nous avons fait. Mais le problème avec cela est que nous n'avons pas appelé cette fonction lourde. Nous avons maintenant simplement défini une expression de fonction. Donc, avec une expression de fonction immédiatement invoquée, nous voulons dire au moteur de l'exécuter immédiatement, automatiquement. Comment nous allons faire cela, nous allons, tout ce que vous avez à faire est que vous devez placer votre code entre parenthèses. Et puis vous allez, vous avez dit à JavaScript que c'est un iffy et exécuter une fonction. Tu te souviens de ce qu'on avait à faire ? Ils suivent, nous avons dû suivre cette fonction par parenthèses. Et c'est la même chose avec un iffy. Vous suivez la fonction entre parenthèses et Bob est votre oncle. Vous venez de créer votre première fonction auto-invoquant. Alors laissez-moi vous montrer quelques exemples maintenant, des exemples pratiques des différences entre une expression et une déclaration de fonction. 9. Les déclarations de fonctions vs les expressions de la fonction: Les expressions de fonction d'une part, les déclarations de fonction d'autre, Johann, cela peut devenir assez déroutant. Donc je pensais juste limiter les exemples résonants à vous. Regardons d'abord une déclaration de fonction parce que c'est ce que nous avons utilisé pour la déclaration de fonction. Et nous allons juste avoir une fonction appelée chien, que la console enregistre le son. Quelle est la première étape avec la déclaration de fonction ? Nous devons dire à JavaScript que nous sommes sur le point de définir une fonction dans. On doit appeler une fonction quelque chose. Alors appelons ça parler. Nous avons besoin des parenthèses parce que nous pouvons vouloir passer des arguments à une lettre. Et puis nous définissons notre code dans les accolades, disons le son égal. Et puis tout ce qu'on veut faire, c'est qu'on consoigne le son à l'écran. Et pour exécuter ou invoquer cette fonction, que devons-nous faire ? C' est vrai, nous devons utiliser notre même nom, une inclusion, parenthèse. Et puis vous allez les journaux de la console. C' est donc la déclaration de fonction. Nous avons vu beaucoup de déclarations de fonction. Nous devrions être à l'aise avec ça. Bonobo, qu'en est-il d'une expression de fonction ? Jetons un coup d'oeil. Fonction. L' expression de fonction sera, la plus grande différence syntaxique dans son apparence est que nous la mettons dans une variable et c'est une fonction anonyme, c'est jamais de la chance. Alors définissons le ket. Et il peut y avoir une fonction. Mais maintenant, dans ce cas, gardez à l'esprit, nous n'avons rien appelé notre fonction, et c'est pourquoi elle est appelée une fonction anonyme. Dans la déclaration de fonction ci-dessus, nous ajoutons la fonction et nous avons appelé notre chien de fonction. Oui, on a juste une fonction qu'on attribue à une variable appelée chat. Donc c'est presque la même chose. C' est structuré différemment. Et faisons la même chose plus tard. Son miaou. Et nous voulons consigner le Sud. Rien de nouveau là dans exécuter une expression de fonction. Encore une fois, nous utilisons simplement le nom de notre variable et nous l'enfermons entre parenthèses. Miao, Hou. Alors il a probablement pensé, Ok, cool, ils ressemblent tous les deux. Ils ressentent la même chose. Pourquoi avoir à gaspiller pour déclarer une fonction ? N' est-ce pas plus de confusion ? Ce n'est pas ce qu'il n'est pas. Cela dépend de ce que vous voulez faire avec ces fonctions. Et comme nous venons de le dire dans la conférence, la principale différence est le moment où vous pouvez utiliser ces fonctions. Laisse-moi te montrer. Alors faisons simplement défiler vers le bas. Et laissez-moi juste dire que le timing est la principale différence. Ainsi, les déclarations de fonction peuvent être utilisées dans toute la portée. Et ce que je veux dire par là, c'est, disons simplement que la fonction Déclaration peut être utilisée dans toute sa portée. Et oui, nous allons juste faire face à la portée mondiale. Et je vais vous montrer un exemple. Cela vient de nous dire fonction salut et a dit si nous voulons passer le nom de l'utilisateur et juste consoles enregistrer un message de bienvenue. Donc, la première étape de la déclaration de fonction est de dire à JavaScript recréer une fonction par le mot-clé fonction. On l'appelle, on dit bonjour, on l'appelle comme on veut. Dans ce cas, nous voulons passer un nom et ensuite nous écrivons notre code entre ces accolades. Et tout ce qu'on veut faire ici, c'est qu'on veut consoles. Et nous allons utiliser des littéraux de modèle. Et nous allons juste dire bonjour, nom, fonction raisonnable. Et appelons la fonction. Voyons ce qui se passe. Dis bonjour et on passe à Tang. Et oui, ça va consoles. Salut Tom. Mais laissez-moi vous demander ceci, que se passe-t-il si nous exécutions cette fonction ? Les quatre ont même déclaré la fonction ? Que va-t-il se passer ? Eh bien, regardez les déclarations de fonction comique peuvent être utilisées dans toute sa portée. Elle avait Global. Donc, si nous déplacons le dire salut Tom vers le haut, cela va fonctionner parce que l'analyseur, quand il touche cette fonction, quand il passe le fichier, avant même qu'il soit exécuté et rendu à l'écran. Il va avoir déjà stocké la fonction dite salut. Ça va savoir exactement ce qu'est cette fonction. Donc, quand vous allez l'appeler, même avant que nous l'ayons défini dans notre code, ce sera du code valide, que se passe-t-il avec les expressions de fonction ? Expressions de fonction Will. Les expressions de fonction sont accessibles et utilisables lorsqu'elles sont définies. Et ce que je veux dire par là, eh bien, créons exactement la même fonction. Au lieu de dire bonjour, appelons-le, disons au revoir. Donc nous allons dire, disons par la fonction égale, une fonction anonyme, parce que maintenant nous n'avons pas nommé cette fonction. Il va être mis en pause dans le nom. Et ici, nous voulons juste consoles journal en utilisant des littéraux de modèle par. Et ils nomment. Encore une fois une fonction très simple. Et si vous voulez exécuter, dites au revoir avec le mot Tom, ça marche. Tout fonctionne à ce stade. Et vous n'auriez aucune préférence pour utiliser l'un ou l'autre dans ce scénario. Mais que se passe-t-il si nous exécutons ça ? Nous essayons d'exécuter, disons acheter avant que nous ayons déclaré la variable, avant de déclarer la fonction. Jetons un coup d'oeil. Déplaçons ça et frappons que nous sommes jetés en Irak. Dites que bi n'est pas défini. Et c'est ce que j'essaie de faire avec ça. Nous ne pouvons pas accéder aux expressions de fonction avant qu'elles ne soient déclarées. Juste y, laissez-nous arriver. Je ne sais pas. C'était juste que ça n'allait pas s'en occuper. Cool. Et continuons. 10. Les fonctions sont similaires: Ce sera juste une conférence rapide ce soir. Je voulais mentionner le net is les fonctions en JavaScript sont disponibles. Et ce que cela signifie, c'est que nous pouvons les traiter. Et ça semble étrange, mais on peut le traiter comme une valeur. Et tout ce que je veux dire par ça, c'est que vous pouvez lancer des fonctions autour, vous pouvez les passer dans d'autres fonctions. Vous pouvez l'affecter à des variables. Et cela rend les fonctions en JavaScript impressionnant un inégalé avec ses autres langues ne sont pas aussi flexibles. Vous ne pouvez pas le faire avec des fonctions. Laissez-moi vous montrer ce que je veux dire. Je vais juste vous donner un exemple d'affectation d'une fonction dans une variable. On peut définir n'importe quelle fonction. Donc, nous allons juste travailler avec une déclaration de fonction parce qu'il est très facile et intuitif de faire cela et exclut le chien de fonction. Et cela va juste au journal de la console. Eh bien, rien de nouveau alors. Mais maintenant, nous pouvons traiter cette fonction comme une valeur et l' affecter à une autre variable. Quel truc génial. Donc nous pouvons littéralement aller LET chien saucisse, chien. Et maintenant, à ce stade, les têtes de chiens de saucisse se sont vu attribuer la valeur de cette fonction. Donc, pour exécuter ce Voc, je vais fonctionner. Nous utilisons les parenthèses normales. Cell, les X sont des chiens de saucisse. Et exécuté. La console de l'ego enregistre la richesse. Et bien sûr, nous avons le chien de saucisse, mais nous avons aussi notre fonction de chien que nous pouvons exécuter. Et cela s'exécute également avec à la console et ils l'ont. Je voulais juste vous montrer cela avant de passer à autre chose parce que je sais que cela peut sembler simple, mais cela a des impacts profonds sur vous et moi en tant que développeurs parce que JavaScript est génial comme nous, il nous permet tellement de flexibilité pour travailler avec des fonctions les jeter et les mettre dans des variables est vraiment génial. Avant de passer à des choses plus compliquées, je voulais juste partager ça avec vous. 11. La nouvelle syntaxe ARROW expliquée: Cette section sur les fonctions ne serait pas complète si nous ne discutions pas des fonctions fléchées. Les fonctions d'erreur ne sont qu'une manière concise, un moyen rapide de définir des expressions de fonction. Et est l'un des changements les plus pratiques introduits par ES6 ou ES 2015. Et ce que j'aime voir, c'est qu'il introduit deux avantages majeurs. Avantage numéro un, qui est le plus intuitif et évident, Il est juste plus court à écrire, nous prend moins de temps et c'est plus facile. Prenons notre expression de fonction dite salut. On sait comment c'est écrit. On l'a déjà vu. Donc, vous pouvez voir avec la syntaxe de flèche, nous prenons des parenthèses doubles et nous mettons tous nos arguments en NY, nous utilisons la syntaxe de flèche. Et puis nous définissons notre code dans les accolades. Donc, c'est très similaire à l'ancienne façon. C' est juste un peu plus rapide. Mais selon ce que nous voulons faire avec notre code, nous pouvons même le simplifier davantage. Par exemple, si vous n'avez pas de paramètres, ce qui signifie que nous ne voulons pas transmettre de variables ou d'arguments, alors vous pouvez le faire. Laissez-moi vous montrer un exemple. Si vous n'avez pas de périmètre, création d'expressions de fonction via la syntaxe de flèche est super simple. Jetons un coup d'oeil. Définissons une variable appelée SayHi. Et maintenant normalement, nous devrions maintenant inclure la fonction de mot-clé. Ouais, n'est-ce pas ? Pas avec la syntaxe d'erreur. C'est ce qui est si cool. On peut juste avoir des crochets d'ouverture et de fermeture. Nous devons maintenant inclure la syntaxe des flèches. Et puis nous avons encore une fois des supports bouclés d'ouverture et de fermeture. Et cela va juste au journal de la console fortement. Et maintenant, qu'ai-je fait de mal ici ? Pour les parenthèses, journal de console, dire grand ego, et si j'exécute, dis bonjour, il consoles, salut là. Pas de problème avec ça. Mais nous n'avons même pas besoin d'avoir les crochets d'ouverture, Dewey. Nous pouvons juste avoir le trait de soulignement et d'autres exemples. Allons laisser dire par égal. Et oui, tu peux juste avoir le trait de soulignement. Ça ne peut pas être beaucoup plus simple. Net ne peut pas avoir la syntaxe de flèche, les crochets d'ouverture et de fermeture bouclés. Et oui, on va juste au journal de console par le. Et c'est à, si nous exécutons cette expression de fonction, nous obtenons pi Day. Ou si vous avez un paramètre dans les crochets d'ouverture ou même optionnel, vous n'avez même pas besoin d'avoir des crochets d'ouverture. Laissez-moi vous montrer un autre exemple. Okey-dokey. Qu'en est-il si vous n'avez qu'un seul paramètre ? Eh bien, c'est très simple. Il est défini une variable à nouveau appelée SayHi. Rappelez-vous ordinairement maintenant, nous aurions besoin du mot-clé function, mais parce que nous utilisons la syntaxe d'erreur, nous remplacons cela par l'erreur. Alors, qu'est-ce qu'on fait ? Eh bien, quand vous avez un paramètre, vous n'avez même pas besoin d'ouvrir et de fermer les parenthèses. Vous pouvez simplement écrire l'argument, Utilisez la syntaxe de la flèche. Et encore une fois, notre opinion fermant crochets bouclés. Et maintenant, tout ce que nous voulons faire est que la connexion à la console utilisera des littéraux de modèle. Haut. Nommé. Voilà, tu y vas. On l'a littéralement fait. Nous avons remplacé toute la manière compliquée et encombrante des expressions de fonction en une seule ligne. Et on peut consoler ça pour voir si ça marche. Et ça dit, salut, indéfini. Oh, on a oublié de donner un nom. Nous passons au nom de l'autoroute sauvage de la NSA. Donc nous savons que ça marche. Et la façon la plus simple nous pouvons le dessiner comme si nous ne retournons qu'une expression. On n'a même pas besoin d'avoir les accolades. Jetons un coup d'oeil à un exemple rapide de ce à quoi cela ressemble. Et maintenant, si vous êtes un tournant une expression seulement, vous n'avez même pas besoin de crochets bouclés. C' est fou à quel point ? Permettez-moi de vous donner un autre exemple. Donc, disons que nous avons une expression de fonction et que nous avons un, nous allons mettre cela dans une variable pourrait ajouter. Maintenant normalement aurait besoin de mettre la fonction. Nous n'avons pas besoin de mettre la fonction pourrait utiliser la syntaxe de flèche. Disons que nous avons deux arguments, num1 et num2. Et tout ce que vous voulez faire maintenant, c'est que nous voulions rendre l'ajout de ces deux-là. Donc toi et moi savons tous les deux qu'on mettrait ça entre parenthèses bouclées et on peut le faire. Mais le point est avec la syntaxe de flèche, nous pouvons supprimer cela parce que maintenant nous retournons juste une expression. Nous retournons null m1 plus m2. Et je veux dire, c'est tellement élégant, n'est-ce pas ? C' est magnifique. C'est comme de l'art. Et si nous exécutons cette fonction et nous passons en 12, nous obtenons trois, l'ego, l'habitude, l'indice aérosol est beaucoup, beaucoup plus facile à utiliser. Ok, donc ce sont des différences syntaxiques avec la syntaxe des flèches, mais maintenant quelque chose d'un peu plus significatif. Avantage numéro deux, il n'y a pas de liaison de ce mot-clé. C' est si crucial. La fonction d'erreur ne se lie pas. Ainsi. Et bien sûr, c'est de la théorie. Laissez-moi vous montrer exactement ce que cela signifie. 12. Qu'est-ce que la liaison de CE signifie-t-elle: Quel est le sujet de ce mot-clé Will ? Qu' est-ce qu'on fait, qu'est-ce qu'on fait ? Comment cela fonctionne-t-il, et qu'est-ce que la syntaxe d'erreur âme pour nous ? Qu' est-ce que cela signifie quand il dit qu'il n'y a pas de lien de cela ? Jetons un coup d'oeil à ce que tout cela signifie. Mais commençons par une fonction constructeur très simple. Rappelez-vous, avec une fonction d'extracteur, la valeur de ceci est liée à l'objet nouvellement créé en cours de création. Et ça a du sens, non ? Eh bien, créons une fonction de constructeur de personne où nous sommes assis ce nom égal. Et rappelez-vous quelle était la deuxième étape avec une fonction constructeur. C' était pour utiliser le nouveau mot clé, cette tribu. Et quand nous faisons cela, quand nous disons que l'utilisateur est égal à nouvelle personne, ce que nous faisons en fait est la valeur de ceci est lié à l'objet nouvellement créé, ce qui signifie que lorsque nous faisons référence à cela dans notre appel de fonction, cela fait référence à la l'objet nouvellement créé. Et si nous console déconnectons l'utilisateur, nous pouvons voir que nous avons maintenant défini cette propriété de nom, qui est nom de l'utilisateur à Molly. Donc ça a du sens, tu le sais. Mais maintenant, nous allons creuser plus profondément. Asseyez-vous maintenant une minuterie en utilisant l'intervalle défini et les intervalles assis dans la fonction JavaScript en vrac. On va voir comment ça marche maintenant. Donc, commentons ceci afin que nous n'obtenions pas de noms de variables contradictoires. Et encore une fois, définissons la fonction Harrison. Et disons que ce prénom est en ébullition. Et maintenant ce que je veux faire, c'est que je veux juste dire pour aller et utiliser quoi ? Je veux juste consoles log salut, toutes les 1 secondes à la console. Comment ferons-nous ça ? Nous allons juste définir une méthode appelée display. Et nous rendrons cela égal à JavaScript dans Bolt sit interval. Et vous pouvez voir que mon IDE l'a vraiment ramassé pour moi. Je suis réglé intervalle. Donc, comment l'intervalle malade fonctionne car vous devez avoir des parenthèses et vous pouvez voir mes ID déjà dire que le premier argument doit être notre gestionnaire. En d'autres termes, ce sera notre fonction. Ça s'appelle un destinataire. Les tissus ont une fonction appelée shérif. On peut l'appeler comme on veut. Cela n'a pas d'importance dans ce cas. Et nous sommes allés à la console, connectez-vous à l'écran. Salut, donc on va le faire pour l'instant. Et le deuxième argument dans cette fonction d'intervalle de jeu. Et si je viens de mettre un ID virgule me dit déjà que c'est le délai d'attente. C' est le nombre de secondes de laboratoires dominants avant que cette fonction ne soit appelée à nouveau. Et c'est en millisecondes. 100 millisecondes est 1 seconde. Et ils l'ont. Il a notre fonction. Qu' est-ce qui va se passer quand nous créons un nouvel objet et que nous l'exécutons, regardons. Donc, laissez l'utilisateur égal mu personne. Et ce que je vais faire maintenant est en fait que je veux mettre cela dans la console de Google Chrome, juste va être plus facile pour nous de voir les résultats de nous. Donc oui, le yoga, il a notre console. Donc tout ce que je veux faire, c'est que je veux copier cette fonction. Allons sur notre console et elle est collée ici. Et ce qui va se passer maintenant, c'est chaque seconde haut va être affiché sur la console. Et vous pouvez voir que c'est exactement ce qui se passe. C' est ce à quoi on s'attendrait. Mais que se passe-t-il si nous voulions afficher ? Le prénom, Wally, tous les secrets. Tu crois qu'on pourrait faire ça ? Oui. Au fait, au cas où vous vous demandiez pourquoi cela a été exécuté toutes les secondes, suffit de prendre du recul et de réfléchir à ce que nous avons fait. Nous avons défini une fonction constructeur. Nous avons défini un nouvel utilisateur, et nous avons exécuté cette fonction constructeur. Le problème est avec l'intervalle SEC est comme lorsque la parcelle passe par elle et exécutée, elle ne s'arrête jamais. Nous ne l'avons même pas défini pour arrêter que Sue va continuer indéfiniment. De toute façon. en revenir au point à portée de main, que se passe-t-il si nous voulions afficher un volume non élevé mais élevé ? Donc nous voulions accéder au prénom. Eh bien, ta première pensée pourrait être OK, cool. Utilisons simplement des littéraux de modèle et allons dans le journal de la console et aller haut. Et on déconnecte ce prénom, non ? Un peu faire des scènes qui semblaient nous allons copier cette fonction. C' est bien. Notre console nous a encore arrêté en clair la console. Maintenant, collons notre fonction nouvellement créée. Que va-t-il se passer ? Salut, indéfini. Et c'est le point que j'essaie de faire avec les expressions de fonction. Cette méthode d'intervalle de siège n'est qu'une fonction normale. n'y a rien de spécial à ce sujet. Mais ce qui se passe, c'est que ce mot-clé est défini sur l'objet global, n' est pas envoyé à l'objet nouvellement créé à ignore presque la portée actuelle dans laquelle il se trouve. Et il fait juste référence à l'objet global. Et laissez-moi vous le prouver, pas ce qui a donné une conversation en haut. Et rappelez-vous maintenant comment j'ai dit que dans cette expression de fonction, ce mot-clé, lorsque nous utilisons une expression de fonction qui fait référence à l'objet global, me permettra de vous le prouver. Et pour te le prouver, ou nous devons le faire, c'est de s'en débarrasser. Elle se débarrasse de tout le bateau de la console et contrôle tout ça. Donc on le fait. Et copions cette expression et elle est collée dans Google Chrome. Maintenant que va-t-il se passer ? L' ego, c'est l'objet de la fenêtre qui est consolé chaque seconde à l'écran. Encore une fois, revenez à la console. Donc, nous sommes de retour dans la console et nous savons quel est le problème. Nous ne voulons pas que cela soit lié à l'objet global. On veut presque ça. Femmes, presque nous voulons que cela soit lié au contexte original. Nous ne voulons pas qu'il le remplace en ayant besoin de nous. Et c'est exactement ce que nous entendons quand nous disons que la syntaxe de flèche ne lie pas cela. Donc, disons maintenant que nous voulions que cela soit lié dans son contexte original. C' est le point entier d'une syntaxe de flèche. Alors laissez-moi vous montrer, au lieu d'avoir cette fonction de syntaxe montrer, remplacons-la par la syntaxe de flèche. Donc nous n'avons pas besoin de la fonction et nous n'avons même pas besoin de la nommer. Tout. Nous avons besoin d'ouvrir et de fermer les parenthèses et l'erreur. C' est le seul changement que nous devons faire. Maintenant, si nous copions cette fonction et nous le collons dans le navigateur, allant toujours de notre exemple précédent. Rafraîchissons la page. Effacer la console, coller le dysfonctionnement dans le besoin. Que va-t-il se passer maintenant ? C' est parfait parce que maintenant nous avons la console de journalisation de l'objet utilisateur nouvellement créé. Et arrêtons encore ça. Laissez-moi rafraîchir la page. Dégagez la console. On retourne ici. Maintenant, nous sommes capables d'utiliser la syntaxe littérale. Et nous pouvons dire, bonjour, ce prénom. Et nous copions ceci, collez-le dans notre navigateur. On devrait obtenir bonjour Wally, chaque seconde. Comment incroyable que nous et j'espère que sombré dans ce que c'est ce que la syntaxe d'erreur fait. Si on retourne à notre console, c'est une autre chose que je veux te montrer. Une autre façon de prouver que cela pointe vers l'objet de la personne est dans notre expression de fonction. Ouais, après avoir défini le premier Nemo, avant même que ça n'ait pas d'importance, on peut juste dire que la portée tardive est égale à ceci. Et ce que nous pouvons faire, c'est que nous pouvons consoles la portée du journal égale à la, ce mot-clé. Faites ces deux égaux. Et encore une fois, copions ceci. Collez-le dans notre console. Va vaisselle claire d'abord, collé dans notre console. Et on devrait devenir vrai. Et nous le faisons. Alors, voilà, vous l'avez. Nous avons étudié en profondeur ce que cela signifie la syntaxe des flèches et son impact sur ce mot-clé. J' espère que tu t'es bien amusé. 13. Recap Time: Qui, monsieur, nous avons appris une quantité incroyable en peu de temps. Et parfois, il est juste bon de prendre un peu de recul et de comprendre où tout s'insère. C' est ce que je pensais que ce serait un résumé très, très rapide. Souvent, les gens se confondent entre les variables, les objets et les fonctions. Voyons ce qu'ils leur offrent. Membre des variables, nous avons dit que nous devrions utiliser constante. Laissez-le, c'est la nouvelle syntaxe introduite par ES6, const et late ou variables. Et tout ce qu'une variable est, est un conteneur pour stocker un morceau d'information. Pensez à votre garde-manger. Tu mets de la nourriture dans un récipient. Vous étiquettez ce contenant et vous le mettez sur l'étagère. C' est tout une variable, est juste un conteneur. Lorsque nous utilisons const, nous savons que nous ne voulons pas que cela change jamais, par exemple, mon nom. Mais lorsque vous utilisez le mot-clé let, vous indiquez que vous pouvez réellement réaffecter cette variable si vous le souhaitez. Ainsi, par exemple, chaque année, votre âge va changer. Variable de statistiques, vous avez cela couvert. Qu' en est-il d'un objet ? Ou un objet est aussi un peu comme un conteneur. Mais il ne stocke pas seulement une valeur qui stocke beaucoup de paires de valeurs de nom et vous séparez chaque paire de valeur de nom par commun. On a vu ça. Et pour définir un objet, vous devez utiliser ces crochets bouclés. C' est ce qui dit à JavaScript, hey, c'est un objet traité comme un objet. Et enfin, nous avons des fonctions que nous venons de traverser. Et une fonction et j'aime penser comme un mot qui fait quelque chose. Et nous avons appris à propos de la nouvelle syntaxe de flèche. Et nous avons appris que les différentes façons de définir une fonction sont que vous regardez maintenant où nous disons laisser avec et que nous avons utilisé la syntaxe de flèche, c'est une expression de fonction. Et nous avons vu que nous devrions utiliser le mot-clé return vise l'exécution de la fonction. Et comment invoquons-nous une fonction ? Comment on l'appelle ? Comment l'exécutons-nous ? Pouvez-vous voir que tous ces noms sont juste des mots fantaisistes, mais ils signifient tous la même chose. Eh bien, pour invoquer la fonction avec, nous devons utiliser le nom off parce que nous devons dire à JavaScript quelle fonction nous voulons appeler. Et puis nous suivons ça par parenthèses. Et c'est tout. Alors prenez du recul, regardez-les sur un seul morceau de papier. Avoir une vue d'oiseau. Et puis vous pouvez commencer à sentir pourquoi nous avons besoin de tous les trois. On ne peut pas s'en débarrasser. J' espère que cela a été vraiment, section vraiment cool. Et j'espère que vous avez apprécié le cours. J' ai eu beaucoup de plaisir à le mettre ensemble. J' adore ce truc. Et la bonne nouvelle, c'est que nous n'avons pas encore fini. Je te verrai bientôt. 14. Méthode toLowerCase() - Introduction: Qui je suppose que ce que je viens d'entendre ce matin dès notre première fois, j'ai fait une séance de yoga et je suis brisé. On a fait ce truc appelé, je pense qu'on s'appelait l'Oiseau du Paradis. Le bûcher m'a fait exploser l'esprit. Bref, je souffre beaucoup en ce moment. Mais cela ne devrait pas nous empêcher d'apprendre JavaScript. Et très spécifiquement, je veux que nous apprenions à propos de cette méthode appelée deux minuscules. Cela semble simple, mais je veux juste que vous compreniez exactement comment cela fonctionne parce que c'est une méthode très, très utile qui nous est fournie tout de suite par JavaScript. Maintenant, même si cela ne prend aucun argument, c'est une méthode super pratique. Pourquoi ? Eh bien, dans de nombreux cas, vous voulez votre texte ou vous voulez que vos chaînes soient insensibles à la casse. Aka, tu ne veux pas de capitales pour un faux, quoi que ce soit que tu fasses. Par exemple, si vous avez une liste et qu'un utilisateur tape un certain mot, parfois vous voulez voir ou vous voulez comparer si ce mot est dans la liste et que vous ne voulez pas que les majuscules ruinent vos formules. Dans ce cas, pourquoi ne pas simplement convertir tout en minuscules ? Et pour ce faire, si nous utilisons les deux minuscules émises. Donc, sans plus tarder, passons rapidement dans la présentation et commençons à parler de la méthode en deux minuscules profitant. Alors, quelle est exactement cette méthode TOLowerCase ? Très simpliste tout ce qu'il fait, et c'est très intuitif. Il convertit tous vos goûts en minuscules. En d'autres termes, la méthode ToLowerCase renvoie la chaîne appelant, la chaîne sur laquelle vous l'avez appelée. Il convertit cette valeur de chaînes en minuscules. Et je pourrais juste m'arrêter ici, mais je veux que vous en sachiez un peu plus sur la méthode TolowerCase. Tout d'abord, c'est une fonction JavaScript qui nous est fournie par le langage JavaScript. Seconds IQ ne prend aucun argument, mais ne laissez pas ça vous tromper. C' est toujours une méthode très puissante. Et ce que je veux vraiment que vous compreniez encore, et je veux faire une pause sur ce point, c'est que la méthode toLowerCase ne modifie pas la chaîne originale. Au lieu de cela, il génère la nouvelle chaîne modifiée. La levure était en minuscules. Laisse-moi passer à la console et laisse-moi te montrer ce que je veux dire par là. Ok, donc nous savons que la méthode en minuscules n'affecte pas la chaîne d'origine. Je veux juste te le prouver maintenant, comment vais-je faire alors ? Nous allons, créons une chaîne et appelons ça une phrase originale. Et c'est juste dire, rendre ça égal à des grenouilles folles ou juste, eh bien, tu sais, folle. Comment c'est ? Et puis créons une nouvelle phrase. Donc, ce cool il phrase plus bas. Et oui, je veux qu'on accède à notre phrase originale. Et c'est ce que je veux que nous fassions ensuite sur un axe, la méthode des deux minuscules. Et ce qui est vraiment génial, c'est que parce que nous avons une chaîne et que cette phrase originale est une chaîne tendue, nous avons automatiquement accès à la méthode JavaScripts ToLowerCase. Comment y accéder ? Va-t-on sortir avec la notation de points ? Et bien sûr, nous pouvons simplement commencer à taper ToLowerCase et notre IDE reprend déjà cette méthode. Donc, je peux simplement cliquer sur Tab. Ouvrez et fermez les parenthèses pour exécuter cette méthode. Et nous avons fini et saupoudré. Maintenant, je peux ouvrir un navigateur et nous pouvons consoles enregistrer les choses à l'écran. Mais je veux utiliser quelque chose qui s'appelle Crocker. On va à l'onglet « Extinctions » ici. Et je commence à taper Crocker. Et vous pouvez voir que j'ai installé co-occurrence dans mon IDE. C' est vraiment, vraiment utile, donc fortement recommandé. Et tout ce qu'on a à faire pour diriger Crocker, c'est qu'on appelle littéralement la boîte de recherche ici. J' ai appuyé sur la touche Contrôle Maj sur mon clavier et je veux démarrer une horloge ou sur le fichier courant. C' est juste un plug-in supplémentaire et il nous permet d' exécuter JavaScript en temps réel dans ce fichier. C' est tout ce qu'il fait. Donc on y va et tout ce que je veux faire, c'est que je déconnecte l'original de la phrase. Et vous pouvez voir le bleu prend des données. C' est ce qui est consolé, jambes ce qui nous est retourné par JavaScript. Et c'est Crocker qui travaille. Il nous permet juste de voir nos effets en temps réel pour votre très utile. Que croyez-vous qu'il se passera quand on renverra la phrase plus basse ? Je suis sûr que tu l'as probablement déjà deviné. Tout. Ça va arriver, c'est qu'on obtient exactement la même chose qu'en minuscules. Mais ce que j'ai réussi à vous prouver, c'est que notre phrase originale, cette phrase originale que nous avons écrite ensemble est inchangée. Cette méthode ToLowerCase ne modifie pas cette chaîne d'origine. Ok, un peu faire des saints sont observés. Continuons. Ok, cool. Nous avons donc vu que cela ne modifie pas la chaîne d'origine. Infected en génère un nouveau. Mais à ce stade, vous pourriez toujours vous gratter la tête. Vous pouvez être pris et le bruit fourni par JavaScript. Mais nous le faisons exactement d'où ça vient. Et la réponse à ceci est la batterie, s'il vous plaît. Cela vient de l'objet chaîne en JavaScript. Et rappelez-vous juste que l'objet chaîne est un objet global pour toutes les chaînes. Encore une fois, laissez-moi passer à la console et les images vous montrent où nous pouvons la trouver. Reprenons exactement où on s'est arrêté. Rappelez-vous que nous avons écrit la phrase, nous l'avons convertie en minuscules. Maintenant, je veux juste te prouver que ça doit être sur une corde. Donc, une façon de le faire est d'utiliser le type d'opérateur. Alors passons le journal de la console. Et allons-y et le type de. Et nous voulons voir ce qu'est notre temps d'origine. Et nous pouvons voir ce qui nous est retourné par JavaScript est un type de chaîne. Donc, nous connaissons nos symptômes chaîne variable d'origine, et c'est pourquoi nous pourrions exécuter cette méthode ToLowerCase. Mais vous vous demandez probablement moyen est cette méthode exacte d'un comment le voyez-vous ? Will, c'est très, très simple. Allons ouvrir un navigateur. Donc, je vais juste faire un clic droit sur mon Chrome mu appelé Nieto. Et allons au cookie de la console. Montons et montons la console. Le musée de l'Inde, pour que vous puissiez voir ce qui se passe. Et c'est très simple. Tout ce que je veux faire, c'est que je veux consoler et faire, au fait, est différent du journal de la console. Ça nous donne tout ce qu'on veut faire chaud. Mais dans le format JSON comme, dans un format arborescent. Et bien sûr, ce que je veux faire est que je veux obtenir l'objet de chaîne JavaScript. Parce que rappelez-vous que nous savons que notre phrase originale est une chaîne. Donc, nous savons que c'est de type chaîne. Et si nous ouvrons la chaîne, et encore une fois ce n'est pas grand-chose ici. On a des liens, on a un nom. Mais ce que nous voulons regarder, c'est ce prototype parce qu'il hérite de beaucoup de méthodes et de propriétés. Et parce que c'est une chaîne, c'est prototype comme une chaîne ici, nous obtenons beaucoup de méthodes et de propriétés du type de chaîne. Et si nous faisons défiler vers le bas, nous devrions trouver en minuscules. Et c'est là. Et nous l'avons littéralement trouvé, vous savez, exactement d'où il vient. Faire semble que nous n'avons pas tout à fait fini. Alors revenons à la conférence. Nous avons vu qu'il provient d'un objet de chaîne et d'un cas élevé, c'est assez intuitif qui ne fonctionne qu'avec des chaînes. Si vous essayez d'analyser dans d'autres types fille, tels que null undefined, nous même un nombre que le mur de l'analyseur JavaScript vous jette une erreur. En fait, vous obtiendrez une erreur de type. Assurez-vous donc juste de prendre le type avant de l'analyser dans cette fonction. Sinon, votre application se bloquera. De quoi je parle ? Eh bien, laissez-moi sauter sur la console une fois de plus et conduit à coder ensemble juste pour voir cela en action. Une dernière chose avant de terminer cela, rappelez-vous que nous disons qu'il ne peut être utilisé que sur un type de chaîne. Donc, nous allons faire défiler avec en fait juste fini sera ramasser exactement où nous nous sommes arrêtés. C' est clair sur la console. Alors, qu'est-ce que ça veut dire ? Eh bien, cela signifie que si nous avons un numéro, disons juste 85 et nous essayons d'accéder aux minuscules. Que crois-tu qu'il va se passer ? Eh bien, nous obtenons une erreur de syntaxe, jeton invalide ou inattendu. Nous ne pouvons pas l'appeler méthode TolowerCase sur un nombre. Fais du sens. Qu' en est-il d'un tableau ? Donc, disons qu'on a une moraine avec un seul objet appelé BU. Et nous essayons d'accéder à la minuscule comme économique. Non, nous obtenons une erreur de type. Nous ne pouvons pas appeler cette fonction là-dessus. Qu' en est-il de l'indéfini ? Eh bien, si nous essayons d'accéder à nouveau aux minuscules sur indéfini, encore une fois, cela ne fonctionnera pas. Et qu'en est-il maintenant si nous essayons null ? Je pense que ça marchera. Donc c'est le point que j'essaie de faire valoir. Nous ne pouvons accéder à la méthode ToLowerCase que sur les chaînes. J' espère que tu t'amuses et que tu te disputes beaucoup. Donc, c'est juste un peu plus de détails sur la méthode TolowerCase que vous ne saviez peut-être pas auparavant. Porte-clés reste motivé et je te verrai à la prochaine conférence. 15. Méthode Array.from() - Introduction: J' espère que tu t'amuses beaucoup dans ce cours. Autant que je le suis. J' adore assembler ces choses et j'ai quitté l'enseignement de ce que j'ai appris depuis de nombreuses années. Quoi qu'il en soit, la prochaine chose que je voulais que nous discutions très brièvement est un autre lit très utile, une fonction peu avancée en JavaScript appelée tableau de. Et que fait cette méthode ? Quel est le niveau très, très, très basique, tout ce qu'il fait, c'est qu'il crée un tableau, mais pas à partir d'un tableau, car ils seraient inutiles. Il crée un tableau à partir de deux types de choses différentes. Crée un tableau à partir d'un objet de type tableau. Et tout ce que je veux dire par là, c'est que c'est un objet qui a une propriété length. Et deuxièmement, vous pouvez créer un tableau à partir d'un objet itérable. Merci Doc a rencontré pulsate. Quoi qu'il en soit, ce n'est pas important en ce moment. La chose importante à comprendre est que le tableau de la méthode prend quelque chose et il le convertit en un tableau. Alors pourquoi voulons-nous faire ça ? Will, si nous pouvons le créer dans quelque chose comme un tableau, nous pouvons avoir certaines méthodes et propriétés disponibles pour nous que nous pouvons utiliser sur cet objet nouvellement créé, un tableau entier Tetraèdre créé. Alors dis un peu faire des saints. Ne vous inquiétez pas si ce n'est pas la première chose que je veux que vous compreniez ce que le tableau de la méthode, qu'il est sur le tableau lui-même. Ce que je veux dire par cette limite, sauter sur la console et rapidement vous montrer. J' ai ma console ouverte. Ouais, et la seule chose que je veux te montrer est un moyen de trouver ça de Mated. Et comme je l'ai mentionné, c'est sur l'objet du tableau dans JavaScript lui-même. Comment puis-je le prouver ? Eh bien, d'abord, nous allons simplement console le tableau. Et si nous faisons cela comme le tableau fourni par JavaScript, nous ouvrons cela. Nous défilons vers le bas. Et c'est là. Le, est-ce que le de rend assez simple, non ? Alors on y va. Nous savons que le tableau de la méthode telle que trouvée sur l'objet tableau de JavaScript a un peu de sens, non ? Mais nous n'avons pas encore fini. Laissez-moi sauter dans la conférence et parlons de cette méthode un peu plus en détail. 16. Array.from() - Comment fonctionne-t-il ?: Alors, quel est exactement le sous-tableau de la méthode ? Nous allons très intuitivement, et fondamentalement tout ce qu'il fait est de créer un tableau à partir d'un objet semblable à un tableau sur un objet itérable. Mais je ne vais pas entrer dans ça maintenant. De même, tout comme la méthode ToLowerCase, le tableau de la méthodologie est une fonction JavaScript pure. En fait, il a été introduit dans le cadre de ES6. Es6, soit dit en passant, n' était qu'une révision majeure et une mise à niveau vers ES cinq. Et vous ne vous grattez probablement pas la tête, mais vous avez peut-être déjà oublié d'où cela vient. Et nous venons de le voir venir de l'objet tableau lui-même. Mais ce sont des choses que vous savez déjà. Alors, comment ça marche ? Eh bien, c'est très facile d'accéder à cette méthode. Nous commençons par accéder à l'objet tableau de JavaScript dans xi, la méthode from. Et la méthode front prend un argument et son argument est un objet de type tableau. Mais avant de parler plus de ce qu'il fait, il passe à l'éditeur de codage et conduit à voir comment il fonctionne en action. Avant de commencer à entrer plus en détail sur le tableau de la méthode, je veux juste que vous compreniez comment cela fonctionne. Alors rappelez-vous ce que j'ai dit. Il doit être un objet de type tableau sur un objet itérable pour que nous puissions utiliser ce tableau à partir de la méthode. Alors, comment ça marche ? Eh bien, définissons un objet semblable à un tableau. Et ce sera juste très, très simple ici. Disons quoi ? Ok, donc on sait que c'est une chaîne dans ce cas. Comment le tableau de Luke aime ? Eh bien, tout d'abord, je veux juste dire Aflac Corker, open cooker nous permet juste d'exécuter JavaScript en temps réel dans notre éditeur de texte. Donc, nous n'avons pas besoin de continuer à sauter sur le navigateur. C' est juste beaucoup plus rapide d'augmenter votre code. C' est très pratique. De toute façon. Comment ça marche ? Eh bien, nous allons consigner quelque chose et nous allons accéder à l'objet tableau de JavaScript sur le nom. On sait qu'il y a une méthode qui s'appelle. Et nous voulons passer dans notre tableau comme et comme vous pouvez le voir, il prend notre objet de type tableau vaut la peine et il le convertit en un tableau, ce qui est vraiment, vraiment génial. Et vous pouvez voir ici, notre tableau se compose juste de chaque litre dans cette chaîne. Et c'est tout, c'est fait. Retour en haut à la conférence. refroidit et fait des choses. Nous avons examiné un exemple très simple. Mais gardez juste à l'esprit que cela signifie cet objet de type tableau ? Cela signifie simplement que l'objet doit avoir une propriété length et des éléments indexés. Qu' est-ce que je veux dire par là ? Eh bien, nous allons à nouveau sur la console dans ce juste regarder exactement de quoi je parle. Du fluorure. Nous avons donc examiné cet exemple ici, mais comment et pourquoi cela fonctionne-t-il ? Rappelez-vous, le tableau de la méthode ne fonctionnera pas sur tout. En fait, comme la description un peu saison, comme nous l'avons dit, cela ne fonctionne que sur des objets comme tableau. Et ce que cela signifie est à l'objet doit avoir une propriété length et des éléments d'index D4. Qu' est-ce que je veux dire ? Eh bien, il y a une console. Alors laissez-moi faire un clic droit sur Google Chrome ici. Nouveau Incognito IMRT. Laisse-moi aller à la console. Et en quelque sorte faire des scènes. Tu vois ça ? Et rappelez-vous ce qu'on a dit. Définissons juste un chien ou un objet semblable à un tableau comme la valeur. Et nous savons que le tableau de la méthode fonctionne sur nous. Nous venons d'en voir un exemple. Eh bien, pour vous montrer, faisons cetableau comme objet et je veux regarder son proton. Eh bien, pour vous montrer, faisons ce Et si nous chargeons cela, nous savons que c'est de type chaîne. Et si nous ouvrons la méthode de chaîne, ce qui est génial, c'est que nous avons cette propriété de lien. C' est ce que je veux dire par un ID d'objet de type tableau doit avoir cette propriété de lien pour que le tableau de le fasse fonctionner. Voilà, tu y vas. L' espoir fait des scènes. Revenons dans la conférence ou les cotes. J' espère que ça commence à avoir plus de sens pour toi. Et rappelez-vous ce que j'ai dit tout à l'heure, qu'il faut plus d'un argument. En fait, il peut prendre jusqu'à trois arguments, peut prendre une carte, et il peut prendre ce que vous voulez que cela se réfère. Et gardez à l'esprit que ces arguments sont facultatifs. Vous n'avez pas à les mettre dans cette fonction du tout. Et beaucoup de gens combinent réellement le, cet argument facultatif dans cette fonction de carte elle-même. Donc, souvent, vous verrez juste deux arguments dans le tableau de la méthode. Quoi qu'il en soit, je ne veux pas entrer trop en détail à ce sujet. Je peux vous montrer rapidement ce qu'est la carte. Donc, en haut de l'éditeur de texte à nouveau. Et regardons comment ça fonctionnerait. Last but not least, voyons comment fonctionne le deuxième argument du tableau à partir de la fonction. De quoi s'agit-il ? Supprimons tout ce que nous avions sur notre écran auparavant. Et cela définir un tableau est juste dire que notre tableau a un chien et vous l'avez deviné. Un chat. L'autoroute, simple. Maintenant, ce que je veux faire, c'est que je veux définir une fonction de gestionnaire. Je veux tout prendre à l'intérieur de ce tableau et je veux déconnecter quelque chose à l'écran afin qu'il soit utilisé le mot-clé de fonction de JavaScript. C' est cool. Ce gestionnaire, on peut l'appeler comme on veut. La main va prendre un animal dans chaque cas. Et tout ce que je veux faire, c'est que je veux juste retourner une déclaration et je vais utiliser des littéraux de modèle ici. Et ce que je vais dire, c'est que je vais dire un animal marchant, marchant. Alors, voilà. Ce n'est rien de trop profond. C' est une fonction très, très simple. Maintenant, qu'est-ce que je veux faire ? Eh bien, nous allons consoles log exister le tableau à partir de la méthode. Nous savons que nous voulons accéder à ce type de tableau. Une main a, vous pouvez le voir ici, si nous gardons juste avec un argument, littéralement n'a pas de sens pour nous de le faire parce que c'est déjà un tableau. Donc, il n'y a aucun intérêt de créer un tableau à partir d'un tableau. Mais c'est le deuxième argument de cette carte que je veux que nous comprenions. Et le deuxième argument est ce que nous avons défini comme cette fonction de gestionnaire. Et on y va. est revenu à nous. Sur l'écran est un chien marchant et une marche caquetant. Ceci est un nouveau tableau. Maintenant, il a créé un tout nouveau tableau, et il est pris, chaque élément du tableau original coûte via une fonction de carte, et il nous est retourné un nouveau tableau. Est-ce que ça a un peu de sens ? Et c'est de ça qu'il s'agit. J' espère que tu t'amuses. Et je pense que maintenant vous avez une bonne sensation intuitive. Suit les travaux. Si bien joué. Je suis très, très impressionné. J' espère qu'il meurt d'envie de faire un peu plus de scènes. Et ne vous inquiétez pas, au fur et à mesure que vous les rencontrerez dans votre carrière de codage, vous commencerez à l'utiliser de plus en plus et cela deviendra beaucoup plus intuitif. Je voulais juste que vous sachiez sur le tableau de MRD parce que c'est un, il peut être extrêmement pratique, ce qui m'amène au sujet suivant. Et c'est pourquoi nous devons connaître le tableau de MTD. Pourquoi en ai-je même discuté dans ce cours ? Nous allons parfois vouloir travailler avec des méthodes qui sont disponibles à partir de l'objet tableau. Par exemple, pour chaque méthode n'est disponible que sur l'objet tableau. Et pour accéder à cette méthode, nous devons parfois convertir ce que nous travaillons dans notre code en un tableau. Est-ce que ça a un peu de sens ? Et plus et au-dessus de cela, le tableau de la méthode est extrêmement utile. Il vous permet de faire beaucoup d'autres choses comme le clonage des tableaux, la suppression des doublons, même le remplissage d'un tableau , etc., qui sont beaucoup de choses que vous pouvez faire. Et très certainement, vous allez utiliser moins lorsque vous travaillez avec des collections DOM. Et cela me ramène d'abord à cela, parfois nous voulons utiliser des méthodes qui ne sont disponibles que sur l'objet tableau. Donc, lorsque vous travaillez avec une collection DOM, par exemple, et HTMLCollection. Parfois, nous devons le convertir en un objet tableau afin d'accéder aux méthodes que nous voulons. Donc, je suppose que ce que j'essaie de dire est qu'il est utile lorsque vous rencontrez et travaillez avec un objet semblable à un tableau. Il fournit un peu plus de clarté sur ce que fait cette méthode. Ne vous inquiétez pas, on ne fait que s'y mêler. Alors ne paniquez pas si vous ne le comprenez pas complètement. Gh, ça viendra à travers le temps. J' espère que vous avez apprécié ce cool jusqu'à présent Huike, rester motivé et je vous verrai dans la prochaine conférence. 17. Méthode indexof() - Introduction: Une autre fonction très incroyable en JavaScript est connu comme cet index de fonction. Et qu'est-ce que ça fait ? Eh bien au niveau très basique, cela vous indique si un élément donné peut être trouvé dans un tableau ou une chaîne. L' indice de méthode a été ajouté à la norme 8ma 262e dans la cinquième édition. Le, ce que cela signifie est dit à Eleusis ajouté le troisième Décembre de 2009. Donc, ce que j'essaie de dire, c'est que vous n'avez pas à vous soucier les navigateurs n'incorporent pas cette méthode. Chaque navigateur aujourd'hui vous permettra d'utiliser l'index de la méthode. Bon client, les vieux navigateurs peuvent accepter un chien. A quoi ça ressemble quand on commence à l'utiliser ? Tout d'abord, vous appelez l'index de la méthode en tapant ses mots, c'est l'index des mots-clés off. Ce doyen prend deux arguments. Le premier argument est l'élément de recherche et alias l'élément que vous souhaitez rechercher. Et le second argument est facultatif. C' est le point de départ de votre recherche. Ne vous inquiétez pas, nous allons voir des exemples de ça sous peu. Donc l'ego, c'est un peu à ça que ça ressemble, haut niveau. Et comme je l'ai dit, nous allons examiner des exemples. Mais avant de le faire, c'est quelque chose de très important que vous devez comprendre. Et c'est cette méthode IndexOf n'existe que pour deux types filles en JavaScript. Le premier type fille qui existe lors de l'effacement. Qu' est-ce qu'un tableau ? En JavaScript ? Et array est juste une variable unique qui est utilisée pour stocker différents éléments et garder à l'esprit, le tableau JavaScript est un objet global, ce qui signifie que vous pouvez en quelque sorte y accéder de n'importe quelle façon vous le souhaitez. Mais assez parler. En fait, je veux passer à notre éditeur de texte et je veux commencer à coder une augmentation avec toi. Et je veux commencer à regarder cet index de méthode, en particulier sur les tableaux. Sautons sur la console et il est toujours en train de jouer. 18. Utiliser indexOf() avec les tableaux: Ok, donc nous y voilà. Et je veux que nous commencions à coder ensemble, mais je veux que nous allions étape par étape, lentement, attrapons lentement un singe. La première chose que nous avons mentionnée est que cet index existe sur les types $2 en JavaScript. Et le premier haut automatique que nous regardons est le tableau. Alors laissez-moi vous le prouver avant d'aller plus loin dans notre codage, je suis allé au journal de la console. Tout ce que c'est juste la console faire l'objet du tableau. Si nous ouvrons ceci et nous regardons que son prototype est un index de méthode, ils, nous allons, pouvez-vous nous voir ? Donc maintenant, je viens de vous prouver qu'il existe sur le tableau, cet objet de tableau global en JavaScript. C' est comme ça qu'il vient. Bon, maintenant, allons à notre codage. C'est, c'est en place. Je viens d'avoir un fichier app.js vide ouvert ici, et je cours coca caucus. Très utile en passant, varie. Extrêmement utile. Je ne cesse de le dire, mais c'est très bon. Ok, la première chose que je veux en quelque sorte vous dire est un tableau, Will 50. Créons un tableau et nous l'utilisons par les crochets. Oui, et je veux juste dire que je suis le premier élément. Le deuxième élément. Et vous l'avez deviné, je suis le troisième élément, C. Voilà, nous avons créé un tableau. Nous utilisons ces crochets. Et comment accéder aux tableaux ? La première chose que je veux mentionner est que les tableaux JavaScript ou Sarah. Qu' est-ce que je veux dire par là ? Je veux juste dire que le premier élément d'un tableau est toujours index à 0. Et le dernier élément peut toujours être trouvé à l'index qui est égal à la valeur de la propriété length du tableau minus1. Laissez-moi vous montrer ce que je veux dire. Alors connectons notre tableau à la console. Et rappelez-vous comment j'ai dit qu'il est 0 x indexé est le premier élément du tableau. Nous tapons 0. Je suis le premier élément. Et bien sûr que nous n'avons pas fait ça pour les prochains articles, non ? Nous pouvons aller 012 sur le premier et le deuxième et le troisième élément. Est-ce que ça a du sens ? Et l'autre chose que je veux mentionner est que chaque tableau a une propriété length. Donc, si nous console déconnectons notre tableau et nous accédons à cette propriété appelée liens, nous savons que notre tableau a trois éléments. Donc, une astuce très pratique quand il s'agit de codage. Et je vais même venir ici, on peut toujours Xs le dernier objet de la NRA comme ça. Et c'est très, très utile. Alors s'il vous plaît rappelez-vous ceci pour taper la solution. Pensez à ce que nous venons de faire. Nous savons que la longueur du tableau est de trois. Et si vous regardez leur journal de la console juste au-dessus, nous savons que nous avons accédé au dernier élément, j'utilise tableau et l'index deux. Et rappelez-vous, les tableaux JavaScript sont toujours index à 0. Donc, nous savons que le dernier élément du tableau est cette longueur de tableau, qui est trois moins un, ce qui nous amène à deux. Donc, tout ce que j'essaie de dire est d'accéder au dernier élément dans le tableau. Tout ce que nous avons à faire est d'accéder à notre tableau. Et maintenant, si vous ne savez pas ce qu'est le lien, il est très pratique d'accéder à la propriété link, qui dans ce cas est indéfinie car il n'y a pas de quatrième élément dans le tableau. Donc vous avez toujours moin1. Est-ce que ça a du sens ? Je l'espère. Et les herbicides ont une idée plus intuitive de la façon dont les baies fonctionnent. L' autre chose que je veux mentionner, les leaders logistiques. Les hommes détestent supprimer des trucs parfois. Avons-nous passé si longtemps à essayer d'obtenir des points à travers et je viens de supprimer, c'est un peu triste, homme jusqu'au fluorure, mais de toute façon, créons un nouveau tableau, 123. L' autre chose que je veux juste mentionner avec des tableaux qui sont assez particuliers est que vous ne pouvez pas utiliser la notation de points pour accéder aux éléments. C' est un point important. Ainsi, par exemple, nous connectons notre tableau et nous essayons d'obtenir le premier élément. Ça ne va pas nous laisser le faire. Nous obtenons effectivement une erreur de syntaxe. Alors gardez ça à l'esprit. Et ce n'est pas, tu sais, il n'y a rien de spécial à ce sujet. Infecter. Les propriétés Javascript qui commencent par un chiffre ne peuvent jamais être référencées avec documentation doivent toujours exister dans l'utilisation de la notation entre crochets. La nuance de JavaScript, ne vous inquiétez pas. Ok, mais vous vous demandez probablement au client, je ne veux pas en apprendre davantage sur les tableaux. Nous sommes sur le sujet de l'index de n. Vous êtes un 100% correct. Je voulais juste vous familiariser avec les tableaux avant de sauter dedans. D' accord ? Le point que je veux faire avec des chutes d'index est qu'il retourne le premier index auquel un élément donné peut être trouvé dans le tableau ou n'existe pas dans le tableau. Minus1 est retourné. Qu' est-ce que je veux dire ? Nous allons définir un tableau appelé animaux. Et il y a un phrothogs qui a une girafe. Et il est dit qu'il y a un buffle. Et il dit qu'il y a une ligne. Comment ça marche ? Eh bien, regardons. Laissons le journal de la console afin que nous puissions réellement voir le résultat de ce que nous produisons. La première chose pour accéder à notre index de est d'accéder à un tableau. Et le tableau auquel nous allons accéder est notre tableau d'animaux. Nous voulons maintenant accéder à l'index de la méthode qui a intégré dans tous les tableaux. Et cherchons à parler. Qu' est-ce que vous attendiez à voir ? Où se trouvent les phachots ? C' est vrai, il est situé à l'index 0. Rappelez-vous que les tableaux JavaScript sont toujours indexés à Bass Sarah. Donc, si nous essayons de trouver des phachots, nous pouvons voir retourné à nous est égal à 0. Cela a beaucoup de sens. Et je vais juste dupliquer ce code. Cherchons maintenant Buffalo. Selon vous, quel sera le numéro d'index qui sera ? Écrivons notre numéro attendu pour voir si c'est juste. Maintenant ce que je veux faire, c'est chercher un chien. Que crois-tu qu'il va se passer avec le chien ? Eh bien, comme je l'ai mentionné, s'il n'est pas trouvé, un négatif nous est retourné sous forme de mixins. Alors rappelez-vous, un négatif signifie qu'il n'est pas trouvé. Et la dernière chose que je veux mentionner juste avant de passer à autre chose est que l'index de la méthode compare les éléments de votre tableau en utilisant l'égalité stricte. En d'autres termes, en utilisant la même méthode que celle utilisée par le triple signe égal. Souviens-toi juste. Ok, Clyde, tout est bien et bon, mais nous n'utilisons qu'un seul argument dans cet index de tableau. Je veux utiliser les deux et je veux le comprendre plus en détail alors qu'il est bon d'entendre mon collègue étudiant. Supprimons toutes ces consoles. Cherchons maintenant cet animal déchiré par la guerre. Mais disons notre index de méthode. Nous voulons seulement commencer dans le deuxième élément de notre tableau, un à partir de l'index un à partir de. Que croyez-vous qu'il se passera alors ? Passons à notre deuxième argument dans cette méthode. Et disons que nous voulions commencer à partir du deuxième élément dans le tableau. Bien sûr que ça n'existe pas parce que nous savons que nous regardons à partir de la girafe et qu'il n'y a pas de remorqueur mural. Ce regard sur un autre exemple qui est maintenant regarder Mozilla. Et disons notre index de maté à rechercher à partir de disons, le troisième élément du tableau numéro deux. Et dans ce cas, il renvoie notre numéro d'index. Donc c'est très, très cool. Et nous savons qu'il existe. C' est une sorte de comment fonctionne un deuxième argument. Zai Kai, j'ai du sens. J' espère que nous avons beaucoup travaillé avec des tableaux, mais maintenant je vais revenir au canal tardif un est de regarder le deuxième type fille, où nous pouvons commencer à utiliser cet index de méthode. 19. Utiliser indexOf() avec des chaînes: Je m'amuse beaucoup. J' espère que tu as beaucoup appris. Retournons là où on a commencé. Rappelez-vous qu'on a dit qu'il n'existe que sur deux types de filles. Cet index de méthode, le haut de premier ordre que nous avons regardé comme des tableaux. Que pensez-vous des couches de deuxième ordre ? Eh bien, il est déroulé, s'il vous plaît. Donc, cette diapositive que vous regardez ici est très importante, vous donne un aperçu de haut niveau de cet index de méthode. Nous avons regardé une tonne d'exemples avec des tableaux. Je veux terminer cette conférence maintenant en regardant exemples avec nous travaillant avec des chaînes, ils commencent à voir comment cela fonctionne. Ça va être très amusant. Crois-moi. Hé, wow, c'est vraiment cool. Nous venons de faire des tableaux, mais maintenant je veux qu'on entre dans les cordes. Comment ça marche ? Et c'est vraiment excitant. Tu ne verras pas. Alors, nous allons y sauter. Cou, d'accord, par où on commence ? La première chose que je veux vous montrer ici est que si nous avons notre console, nous console, le tableau, est juste en fait effacer une console et faisons la même chose avec les forces. Assez simple. Nous avons été une chaîne. On regarde son prototype. Nous faisons défiler vers le bas et ils, mes chers étudiants est index de ceci est une deuxième conversation fille et JavaScript qui nous donne accès à cette méthode utile impressionnante. Alors tu y vas, je voulais juste te prouver qu'il se trouve aussi sur ce type de pointillés. Si nous revenons à notre éditeur de codage, LET point regardant cela en action. Supprimons donc notre Eurasie. Nous avons regardé les tableaux. Ça crée, je ne sais pas, une phrase. Et c'est juste dire, Bonjour, monde. L' univers. Sachez souvent ce qui ne va pas avec mon sujet aujourd'hui. Vous souhaite la bienvenue. Aujourd'hui, je vais phrase, nous savons que c'est de type chaîne. Comment le savons-nous ? Tout le type de phrase du journal de la console. Et c'est assez évident que nous savons que c'est une ficelle. Parce qu'on sait que c'est une ficelle. Nous savons que nous avons accès à cet index de méthode. Donc, définissons une variable appelée AIM, c'est une phrase excessive. Et cherchons quelque chose. Cherchons les petits mots de bienvenue. Voyons comme des morts, de quelle façon pensez-vous que ce serait ? Console connectez-vous à l'écran et nous obtenons un numéro 26. Pourquoi 26 ? Will ? Ça ne compte pas ensemble. Nous savons que c'est l'indice 012345678910111213141516 17181920. Vingt-un, vingt-deux , vingt-trois, vingt-quatre, vingt-cinq. Et bien sûr 26 est bien accueillis commence. Très, très utile. Méthode est de définir une constante appelée phrase adénome. Encore une fois, et disons juste, hé, tu apprends beaucoup dans ce cours ? J' espère continuer à apprendre. Commençons à utiliser ce point de liste d'index. Obtenir un champ plus intuitif, nous allons définir une nouvelle variable JavaScript appelée mot de recherche. C' est ce que nous voulons rechercher. Et disons que nous voulons chercher le mot apprentissage. On voit d'abord, tout de suite, on a deux mots, n'est-ce pas ? Apprendre et apprendre. Alors gardez ça à l'esprit. Définissons une nouvelle variable appelée première fois. Et accédons à notre constante de phrase. C' est accéder à cet index de méthode. Et nous allons chercher mot. La console enregistre le premier délai d'expiration. C' est huit, et nous savons que c'est huit, parce que c'est le huitième personnage depuis le début, c'est ce premier mot d'apprentissage. Mais maintenant, comment accéder au deuxième mot d'apprentissage ? Comment allons-nous faire ça ? Laissez-moi vous donner un indice. Utilisons le deuxième argument dans la méthode OLS de l'index. Donc, tout ce que nous avons à faire est de définir une nouvelle variable appelée deuxième fois. Sortons de notre phrase. Je viens de réaliser une phrase impeccable. Donc, nous allons l'excès d'index. Ce qu'on veut faire maintenant, c'est chercher tous les mots de recherche. Ne vous inquiétez pas. Cette fois, nous voulons utiliser le point de départ. Et par où voulons-nous commencer ? Commençons par le, il est fondé premier article, qui est la première fois, plus un. Donc maintenant, nous savons qu'il va chercher dans notre tableau, mais seulement après que nous avons passé le premier mot d'apprentissage. J' espère que ça a du sens. Si on se déconnecte, on arrive à 44, ce qui est exactement ce qu'on attend. L' utilisation de cotes d'index de cette façon peut être très utile dans votre code et vous pouvez faire beaucoup de choses avec elle. Je ne sais pas. Donnons un exemple. Définissons une solution cool variable, utilisons des littéraux de modèle et disons l'index du premier. Et nous allons utiliser le mot de recherche variable. mot du début est. Et ça ira la première fois. Et si nous retournons cela à l'écran, nous obtenons littéralement console.log pour nous. L' index du premier mot d'apprentissage depuis le début est 80. C' est génial ? Nous combinons beaucoup de choses que nous combinons des littéraux de modèle, combinant les accolades signe dollar pour incorporer expressions et des variables dans notre littéral de modèle. C' est très, très cool et ça va t'aider beaucoup sur le chemin. Bien sûr, nous pouvons faire la même chose pour la solution à la solution à. Qu' est-ce qu'on vient de copier ça au lieu de tout recommencer. Nous savons que c'est la deuxième recherche où dès le début n'est pas la première fois, la deuxième fois. Et si on retourne ça, on obtient exactement la même chose. Mais maintenant, nous faisons référence au deuxième mot d'apprentissage. Je sais que parfois on se laisse emporter et je vais peut-être être un peu plus avancé que ce que tu dois savoir maintenant. Mais croyez-moi, cela vous aidera dans votre codage Corée. Et je veux que tu deviennes un maître dans toutes les affaires. J' espère qu'il est temps d'avoir un sens. L' autre chose que je veux vous montrer est de tout effacer. Je veux vous montrer que le chemin d'index est sensible à la casse. Alors, qu'est-ce que je veux dire ? Will, si nous avons un mot et que le mot est violé chien. Si nous console maintenant log et nous accédons à notre chaîne de mots, nous accédons à la méthode d'index et nous recherchons le chien. Nous savons qu'il existe. Encore une fois, cela aurait du sens, mais qu'en est-il si nous faisions la même chose ? Mais oui, on est allés chercher le mot rouge. Comme vous pouvez le voir, il est sensible à la casse. Nous avions retourné un négatif, aka il n'existe pas. Si nous changeons le petit r en grand R, il existe. C' est l'infantum, le tout premier élément de notre tableau. J' espère que votre apprentissage à temps. La dernière chose que je veux traverser est que 0 n' évalue pas à vrai et négatif n'évalue pas à faux. Rappelez-vous si nous avons un petit r, c'est un négatif qui ne contraint pas à faux. C' est une nuance bizarre quand il s'agit de cette méthode. Alors, comment puis-je vous le prouver ? Permettez-moi de vous le prouver en utilisant JavaScripts if instruction. Et ce que je veux transmettre ici, je veux dire si c'est un mot, droit, contient, disons, taux. Si dense est évalué à false, alors exécutons ce code. Disons le journal de la console. C' est le début correct. Début. Sinon journal de la console, c'est le mauvais début. Et maintenant, vous verrez un problème. Vous verrez qu'à cause de cloaca, ce qui nous est rendu est la mauvaise réponse. Nous savons que le petit r ne devrait pas exister dans notre chaîne parce qu'il n'a que le capital sur notre radar. Alors pourquoi frappons-nous le deuxième journal de la console dans notre instruction if ? La raison en est, est que le négatif n'évalue pas à faux. Ils tombent, nous allons frapper ce début et c'est la mauvaise réponse. Par conséquent, le point que j'essaie de faire est que lors de la vérification si une chaîne spécifique existe dans une autre chaîne, la bonne façon est d'utiliser minus1. Par exemple, si nous remplacons false par minus1 mensonges, cela ne fonctionne pas. Minus1 d nous allons, nous obtenons la bonne réponse cette fois. points très importants que je viens de partager avec vous. S' il vous plaît gardez cela à l'esprit. Donc z vous l'avez. On vient d'utiliser l'index sur les rayons. On l'a juste utilisé avec des cordes. Nous avons discuté de différentes façons que vous pouvez utiliser a. Nous savons que les scènes k qui ont une fenêtre que vous ne pouvez pas sorte de coercition négative à faux. Et ce sont des sujets assez avancés. Alors ne le prends pas pour acquis. Célébrez les petites victoires. Bref, passons à autre chose et je te verrai à la prochaine conférence.