Transcription
1. Introduction au cours: Que vous voulez faire passer le développement web au niveau supérieur. Et vous prenez des cours de script Java est et des tutoriels. Et vous n'êtes pas confiant de coder ? Alors Java Script cours débutants complet pour le développement web est parfait pour vous. C' est le cours le plus complet et le meilleur que j'ai jamais construit. Java est aujourd'hui l'un des arts langagiers les plus exigeants. Il y a beaucoup de matériaux disponibles sur le script Java, mais beaucoup d'entre eux sont obsolètes et ne le complètent pas. C' est le dernier cours le plus complet sur JavaScript sur un cisaillement de peau, qui vous emmène tout le chemin du débutant au cours de développement de niveau junior divisé en section différente. Au plus b, vous apprendrez l'introduction au cours. Ensuite, vous apprendrez le fondamental du script java. Ensuite, vous apprendrez les opérateurs dans le script java. Ensuite, vous apprendrez les méthodes intégrées dans le JavaScript. Après cela, vous apprendrez le flux de contrôle ou la prise de décision dans le script java. Après avoir appris le flux de contrôle et la prise de décision, vous allez déplacer le, le script Java même. Ensuite, vous apprendrez que les boucles dans le JavaScript que vous apprendrez les tableaux dans le script java. Après avoir terminé l'annonce, vous passerez aux fonctions du script Java et vous apprendrez également au-delà bases de la division Java après avoir appris ces sections Al et construit votre concept. Donc, nous allons passer à la java est script Document Object Model, matériel
africain, le dom, nous allons passer à la programmation orientée objet script Java. Après avoir terminé la programmation orientée objet, vous passerez à la section Java Script avancé. Après l'avoir terminé, section Java Script avancée, nous allons passer au script java à mon script six ponts, ES6. Enfin, nous allons apprendre le générateur et c'était des itérations et bien plus encore. Ce cours propose 12 heures de conférences vidéo, des ressources téléchargeables, des exemples
concrets, une manière conviviale et rapide d'enseignement, devoirs et des quiz et beaucoup de défis de codage. Si vous êtes un Java complet est plus grand et il y aura certainement quelque chose pour vous dans ce cours. Donc, si vous voulez devenir un développeur web, ne perdez pas votre temps à vous inscrire au cours et commencer. Je suis très excité de vous avoir à bord. Alors qu'attendez-vous ? Inscrivez-vous et faites une première étape vers le développement web.
2. Éditeurs de codage: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de cela, comment vous pouvez configurer votre environnement pour le développement web. Vous définissez upping votre environnement pour le développement web, il y a une utilisation de logiciel qui est un rêve v étaient Dreamweaver est un logiciel qui est la prospérité des outils de développement Web d'Adobe IMC. Et il a été créé par les macro-médias en 1997 et développé par eux jusqu'à ce que les macro-médias a été acquis par le système Adobe en 2005. Adobe Dreamweaver est également disponible sur les systèmes d'exploitation
Mac et Windows. Rappelez-vous qu'Adobe Dreamweaver est un logiciel qui n'est pas gratuit. Vous devez payer pour cela si vous cherchez le logiciel libre. Donc, vous devez exécuter des parenthèses. Brackets est le logiciel qui est également développé par Adobe, mais il est un éditeur open source avec sont principalement axés sur le développement web vous aide à obtenir cela. Ici, dans cette conférence, nous utilisons Adobe Dreamweaver. Si vous voulez télécharger les versions gratuites de bracket ici, vous suffit de cliquer sur ce support et téléchargé à partir d'ici. Ici, vous pouvez voir que vous devez simplement cliquer sur acheter maintenant ou simplement télécharger la version d'essai gratuite d'Adobe Dreamweaver. J' ai donc déjà la version de ce Adobe Dreamweaver. Donc, ici vous pouvez voir que j'ai 019 version d' Adobe Dreamweaver procédure cheveux de l'installation de Dreamweaver est très simple. Il suffit de cliquer sur Installer. Ensuite, vous devez trouver l'option de répertoire où vous pouvez définir votre répertoire pour le logiciel. Et ici, vous pouvez voir que c'est notre emplacement de répertoire. Vous définissez vos cheveux de langue et cliquez simplement sur continuer. Et ici, vous pouvez voir que vous êtes l'installation se poursuit ici. Après avoir terminé l'installation, vous devez trouver le bouton de finition et simplement cliquer sur Terminer et votre logiciel sera installé. C' est ainsi que vous pouvez configurer votre Adobe Dreamweaver. Si vous trouvez l'un des problèmes ici dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
3. Développement de front end et de retour: Hé les gars, vous êtes chaud. Bienvenue à cette conférence. Et dans cette conférence, nous allons parler du développement front-end et back-end. Et je vais vous dire la différence entre le développement frontal et back-end. Vous ouvrez un nouvel onglet de navigateur, tapez une URL et appuyez sur Entrée, la charge du site instantanément et il prend presque votre souffle avec sa mise en page finale et les pages bien construites et vous impressionner. Visuels, front-end et back-end sont deux des termes les plus utilisés dans l'industrie informatique. D' une certaine façon, ils s'aggravent. Ils dictent le type de travail que vous faites en
tant que développeur de logiciels, les technologies que vous utilisez et combien vous êtes payé. Parlons donc de la différence entre ces deux termes. Bay, ils existent en premier lieu, et les différents chemins que vous pouvez emprunter dans votre carrière de développement logiciel. Avant de commencer le développement frontal et back-end, nous avons juste besoin de comprendre que quel est le rendu du site. Pour commencer ce voyage, nous devons comprendre le concept de rendu visuel, terme de
l'illumination, le rendu du site signifie générer ou rendre la sortie HTML. Html est un langage de balisage que les développeurs Web utilisent pour créer les pages Web. Il est triste que le rendu du site puisse se produire à la fois côté serveur publicitaire ou côté client. Alors, qu'est-ce que cela signifie ? Cela ne vaut rien que le front end, les côtés client sont synonymes. en va de même pour le backend, côté serveur. Tout d'abord, nous allons parler du rendu côté serveur, ce qui signifie qu'un développement back-end, pas encore il y a deux ans, renderings
côté serveur ou un développement back-end était la façon de facto de créer le site Web et applications Web. Vous visitez une page, envoyez une demande pour le contenu et le serveur traite cette demande et créez une réponse qui est renvoyée
au navigateur lorsque de côté rend côté serveur tous les processus impliqués dans la création d'un page HTML que vous êtes navigateur
Web peut comprendre et gérer sur un serveur distant hébergeant le site Web ou l'application Web. Cela inclut la récupération de la base de données pour les informations et le traitement toute logique que vous êtes des applications Web nécessite pendant que le serveur distant est occupé au travail, votre navigateur Web attend idéalement le serveur termine le traitement que et envoyer une réponse. Quand la réponse est reçue. navigateur Web l'interprète et affiche le contenu à l'écran. Maintenant, nous parlons du rendu côté client, qui est un développement frontal. Dans les jours plus modernes, une nouvelle forme de déchirement de la vue a émergé. rendu côté client de la carte ou le front et le développement avec
le rendu côté client, le rendu du contenu arrive à votre ordinateur au lieu des serveurs Web distants en utilisant le langage de facto du web, qui est JavaScript. En termes partiels, cela signifie qu'un serveur est seulement nécessaire pour servir les applications web brutes et que le navigateur sera chargé de rendre ces applications dans sa forme finale, HTML. Cela signifie également que certaines des logiques impliquées dans la création de la page Web est particulièrement celle dans la charge de traiter la
façon dont les choses sont présentées aux utilisateurs sur l'écran, qui est la logique des présentations de voiture, qui sont gérés côté serveur. Les rendus côté client deviennent populaires avec l'avènement des bibliothèques de script
java telles que Angular, React et BU. Disons que vous décidez de démarrer une entreprise de votre boutique et supposons que ce soit la boulangerie ou un magasin de tailleur. Vous avez besoin d'un site Web professionnel pour présenter votre entreprise ou vos clients et leur dire où vous vous trouvez. Peut-être que vous allez inclure quelques photos et quelques informations sur vos produits. Je vais vous avoir besoin de nos technologies frontales pour construire votre site web. Maintenant que nous comprenons les différents types de méthodes de rendu de site, il est plus facile de comprendre que le développement frontal est l'art de créer le site et les applications Web qui rendent du côté client. Les technologies utilisées pour les développements frontaux sont, alors qu'il existe de nombreux types différents de technologies et est fiscal, plupart des développeurs frontaux utilisent HTML, CSS, et JavaScript qui défendent ou blocs de construction du web. Et les frameworks côté client tels que Angular, React est en traction et en vue. Tout n'arrive pas à l'avant. Grâce à des rendus côté client. L' application repose toujours sur les services et les API qui s'exécutent sur le backend, les serveurs
distants ou le cloud. Quels sont le front et les emplois ? Tout d'abord, le concepteur de VC, un concepteur web, vous l'avez deviné, conçoit le site Web. Le titre de travail du concepteur web est assez large à travers un concepteur web ou juste quelqu'un qui a conçu les sites dans un programme, comme Photoshop ou feux d'artifice, et ne jamais toucher le code. Mais dans d'autres endroits sont concepteur web pourrait faire tous les designs vient dans Photoshop et ensuite être responsable de la création de
tous les HTML et CSS en JavaScript pour aller avec elle. Ensuite, nous comment le concepteur d'interface utilisateur, qui est un concepteur d'interface utilisateur. Il s'agit essentiellement d'un concepteur visuel et il est généralement axé sur les conceptions. Ils ne sont généralement pas impliqués dans la mise en œuvre de la conception, mais ils peuvent connaître un HTML léger et CSS afin qu'ils
puissent communiquer leurs idées plus efficacement au développement frontal. Ensuite, nous avons le concepteur UX, qui est un concepteur d'expérience utilisateur. Ainsi, les concepteurs UX travaillent dans un front end, qui étudie et étudie la façon dont les gens utilisent le site. Et puis ils font des changements à travers beaucoup de tests. Ensuite, nous avons tenu un développeur frontal, également appelé développeurs frontaux. Ils peuvent créer un côté sans aucun côté de développement back-end qu'ils
créeraient sans un développeur web ou en utilisant le revers. Il s'agit d'un site web statique. Je côté statique est quelque chose comme côté glace des restaurants ou un salon de coiffure. Il ne nécessite pas de stockage d'informations dans une base de données. La page restera presque toujours la même à moins qu'il ne soit temps pour une refonte. Un développeur frontal peut être nécessaire à l'enfer une prise sur les tests ainsi que B,
bien, pire en HTML,
CSS, et JavaScript, cette personne peut ou ne peut pas avoir l'expérience avec la création de la conception dans le programme de conception. Une version différente de ce titre est un ingénieur frontal. Les gens qui ont travaillé avec des fronts spécifiques et des langages comme Java script sont également considérés comme le développeur frontal. C' est donc la conférence d'aujourd'hui. Espérons que vous comprenez maintenant, si vous ne comprenez pas l'un des points ici dans cette conférence que quelle est la différence entre le front et le développement backend ? Alors s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
4. Bonjour le monde de base de la syntaxe en syntaxe en JavaScript: Salut les gars, bienvenue à cette première conférence de codage sur le script Java. Dans cette conférence, je vais vous parler de cela, comment vous pouvez créer un programme de syntaxe de base dans un script Java. Mais avant de commencer ce programme, nous avons juste besoin de comprendre que quelle est la différence entre le HTML et JavaScript et comment HTML interagit avec le JavaScript. Html, qui est n'a pas de Smarts. qui signifie que le HTML, combien pas intelligent intelligence, ce qui signifie que si vous faites l'opération de masse, donc en HTML, ce n'est pas possible. En HTML, vous ne pouvez pas déterminer si quelqu'un a correctement rempli le formulaire ou non. Et il ne peut pas prendre de décisions en fonction de la façon dont le visiteur interagit avec lui. Fondamentalement HTML permet aux gens de lire les textes, regarder l'image, de regarder les vidéos, et de cliquer sur les liens pour passer à d'autres pages Web. C' est la tâche réelle de HTML afin d'ajouter de l' intelligence à vos pages Web afin qu'ils puissent répondre à votre visiteur du site. À cet effet, vous avez besoin de JavaScript. Javascript laisse une page Web qui réagit ou détruit intelligemment avec elle. Vous pouvez créer un des formulaires Web plus intelligents qui permettent aux visiteurs de connaître Venn Day, enfer, oublier et d'inclure les informations nécessaires, ce qui signifie que vous pouvez faire apparaître des éléments ou disparaître. Comme HTML a été conçu pour ajouter de l'interactivité aux pages Web HTML, ce qui signifie que vous pouvez interactivité au HTML et au JavaScript ensemble. Script Java, rappelez-vous, c'est un langage de script et html est un langage de balisage hypertexte est un script,
ou le langage de script est un langage de programmation léger. Rappelez-vous que java est, est généralement incorporé directement dans les formulaires HTML. Maintenant, vous pouvez voir que je vais vous dire que comment vous pouvez créer un JavaScript et le HTML ensemble. C' est notre première conférence, et je vais vous dire que comment vous pouvez créer un programme de syntaxe de base. Syntaxe de base. Ou vous pouvez dire qu'un programme helloworld est une tradition classique et honorée par le temps dans la programmation informatique. Il est assort et complet premier programme pour le débutant. Et c'est un bon moyen de s'assurer que votre environnement est probablement ou que votre environnement est correctement configuré ou non. Ici vous pouvez voir que je suis juste en train de créer un nouveau fichier. Vous pouvez également créer un nouveau fichier avec ce lien. Ou vous pouvez simplement créer un nouveau à partir d'ici, ou vous écrivez simplement le contrôle ou n. Ici. Vous pouvez voir que c'est le fichier, et je vais juste écrire que c'est le fichier de syntaxe de base. C' est mon premier fichier de syntaxe de base, ce que je crée juste avec un HTML. Vous pouvez voir que si vous travaillez avec un rêve, Nous sommes, donc cela vous sera montré comme ça. Ou si vous travaillez avec un bloc-notes ou Notepad Plus, Plus. Vous devez donc aller à la nouvelle et vous pouvez créer un nouveau fichier ici. Et quand vous enregistrez simplement le fichier, comme control et .s. Donc, vous devez trouver cette boîte comme ça. Ici, vous pouvez voir que vous écrivez simplement comme HTML ou vous pouvez avoir le texte de base San dot html, ou vous écrivez simplement un script Java. Donc HTML et le script java ici sont l'extension de votre langage de programmation si vous écrivez le HTML ici. Donc, cela signifie que c'est l'extension du langage de programmation HTML. Si vous écrivez les JavaScripts avec Cela signifie, cela signifie, cela signifie
que c'est une extension du JavaScript. Ou si vous travaillez avec Python, vous devez
donc écrire PY ou si vous écrivez g o. Donc, cela signifie que c'est un langage de programmation d'objectif. Vous écrivez simplement en sécurité. Donc, vous êtes fichier ici est créé avec JavaScript. Vous pouvez voir qu'ici nous n'avons pas besoin de Notepad ou Notepad
Plus, Plus ici parce que nous utilisons notre meilleur éditeur ici, qui est un monde rêveur. Maintenant, vous pouvez voir que les deux sont, je suis juste en train de vous montrer cela les gars que comment nous pouvons créer notre premier programme JavaScript. Tout d'abord, nous comment écrire des fichiers HTML ici, vous pouvez le voir. Et un autre est, je suis juste en train de créer un nouveau fichier ici, ce qui signifie qui est le nom ici est que vous pouvez voir que je viens d'écrire textes de
base envoyés dot java script. D' accord ? Je suis juste en train de éditer ces deux-là et on vous montrera ici. Vous pouvez voir cette étape la plus rapide ici lorsque vous créez simplement un script Java. Donc, il y a notre balise utilisant à cet effet, qui est la balise de script lorsque vous écrivez simplement le code de script Java. Donc, cette balise est nécessaire ici, qui sont les balises de script. Ainsi, vous pouvez coder votre JavaScript entre ces balises. Javascript peut être implémenté en utilisant l' instruction
JavaScript qui est placée dans une balise de script. Donc, ce script est ici, vous pouvez voir qu'il s'agit d'une balise HTML juste ici. Et vous écrivez juste du code JavaScript ici. D' accord ? Maintenant, vous pouvez voir cela à l'intérieur quand vous écrivez juste votre code JavaScript ici. Donc, vous devez écrire la langue ici. Donc je choisis juste la langue de ça. Donc, je sélectionne juste le script Java ici. Alors, quelle est la langue ? L' attribut language spécifie ? Quel est le langage de script que vous utilisez. Comme typiquement, nous utilisons ici, qui est le script Java. Ou ils sont un langage de script qui sont comme le langage de programmation typique ici est HT, XHTML. Donc, c'est juste un langage de script ici. Ok, Donc pour cela, je prononce juste ça comme un langage de programmation. D'accord ? Maintenant, vous pouvez voir que nous avons le langage de script juste ici, qui est le script Java. Maintenant, après ça, je viens de définir le type de celui-ci. Donc, à l'intérieur du type, vous écrivez simplement barre oblique de texte JavaScript. Qu' est-ce qu'un type ? Donc, cet attribut est ce qui est maintenant recommandé d' inclure ou d'indiquer le langage de script utilisé. Et cette valeur doit être définie comme barre oblique de texte JavaScript, ce
qui signifie que nous utilisons le fichier texte de JavaScript ici. C' est ainsi que vous pouvez créer votre balise Java Script. Après cela, vous pouvez voir ici que nous allons créer notre premier programme ici, qui est comme document. Désolé pour cela ici, vous pouvez voir que c'est document.write, n'est-ce pas ? Donc, cette écriture de point de document signifie que le menu reçoit juste une sortie ici ou lorsque vous obtenez juste une partie de la valeur ici. Ainsi, vous pouvez écrire à l'intérieur de ce document point écriture. Il s'agit d'une méthode utilisant un JavaScript. Lorsque vous travaillez avec nous C plus, il existe une méthode utilisant qui est C out lorsque vous utilisez Python. Donc, il y a une méthode utilisant qui est comme la matière d'impression pour obtenir la sortie de l'utilisateur ici. même chose est le cas comme à l'intérieur de ce script java. Cette méthode document.write est utilisée pour obtenir la sortie ici. Maintenant, comme vous pouvez le voir, notre code pour helloworld est l'ordinateur juste ici. Maintenant, je vais juste au fichier et juste aller au navigateur, en
ouvrant dans le navigateur, Google Chrome. Et comme vous pouvez le voir, c'est un programme helloworld où nous écrivons ici. Donc c'est notre sortie ici. Un Delta-V terminé, que la façon dont vous pouvez obtenir votre Java est coupé sortie. A cet effet, nous avons besoin de la méthode Java Script console.log. Ici, vous pouvez voir que j'utilise juste ce maths ici,
qui est le journal de points de console. Dans cette VR importante, imprimez la même chaîne que vous voulez imprimer la moins profonde. Ou si vous voulez imprimer un de l'étain ici, supposons ici que je viens d'écrire que v apprennent Java. Ces deux sont cette chaîne ici, qui est le monde bonjour, et nous apprenons le Java. Donc, ici, nous utilisons la méthode de journal des points de la console. Ils le voient juste ici. Je vais juste dans le navigateur, rafraîchir ceci. Vous pouvez voir ici nous n'avons pas trouvé de sortie juste ici. Donc je vais juste à l'inspection plus de patrimoine pour aller à la console. Et vous pouvez voir ici que, oui, nous n'avons trouvé aucune sortie ici. Retournons juste ici. Et ici, nous pouvons voir que oui, Fie, Mlle, point-virgule juste ici. Donc, je viens juste de sauvegarder ce programme, rafraîchir ceci. Donc vous pouvez voir ici, nous apprenons le JavaScript ici. C' est une autre façon que la façon dont vous pouvez obtenir votre sortie dans le JavaScript. Allons simplement au fichier script java. Ici, je vais juste au dossier Dreamweaver puis. Et ici vous pouvez voir que je viens d'ouvrir le fichier de syntaxe de base Java Script ici. Ici vous pouvez voir que je viens d'écrire le document dot write file. Et à l'intérieur de cela, je suis juste en train d'écrire ce script Java d'apprentissage haute VR. D' accord ? Et c'est là, non ? Bonjour, je suis instructeur. D' accord. Maintenant, vous pouvez voir que comment je suis juste de lier ce fichier JavaScript avec le HTML. Et j'ai juste cette sortie ici. Je vais juste à la SML juste ici, et ici j'écris juste la source. Donc SRC signifie qu'une source de votre fichier. Donc, ici, vous fourniriez la source de votre fichier, ce fichier source V8 que vous liez avec votre HTML. C' est ainsi qu'un script java interagit avec HTML. Ici vous pouvez voir que je viens d'écrire que c'est le fichier JavaScript x-dot envoyé de base. Je viens de sauvegarder ce fichier ici. Je vais au navigateur. Donc vous pouvez voir ici. Et je rafraîchis ça. Donc, vous pouvez voir ici que haute VR apprentissage JavaScript et Bonjour, Je suis votre instructeur. Donc, je relie juste ce fichier JavaScript et ce fichier XML ensemble. Donc, c'est une autre façon que vous pouvez écrire votre fichier script java ou code JavaScript dans le JavaScript et vous liez simplement votre fichier avec votre HTML et obtenir la sortie. Espérons que vous comprenez maintenant que hall V peut écrire notre premier programme dans le JavaScript, importe quel point que vous ne comprenez pas ici, s'il vous plaît laissez-moi savoir et vous pouvez poser n'importe quelle question. Merci d'avoir regardé. Rendez-vous à la prochaine conférence.
5. Commentaires et déclarations Javascript: Salut les gars, bienvenue à cette conférence. Dans cette conférence, je vais vous montrer le script java est une déclaration et des commentaires. Dans cette conférence, vous apprendrez que quelles sont les déclarations dans le script Java et comment nous écrivons les commentaires à cette déclaration. Tout d'abord, je vais vous montrer la grammaire du JavaScript. Quelle est la grammaire du JavaScript ? La grammaire du JavaScript signifie que lorsque vous écrivez la succession. Donc, quand vous apprenez un langage de programmation. Donc, le langage de programmation ressemble beaucoup à l'apprentissage d'une nouvelle langue. qui signifie que si vous voulez apprendre l'espagnol ou le français, vous devez
donc apprendre les nouveaux mots et les prononciations de celui-ci. Ainsi que vous allez au maître un nouvel ensemble de règles. Et tout comme vous avez besoin d'apprendre la grammaire du français et de la langue de programmation espagnole. Et tu apprendras ça comment parler. Vous devez vous familiariser avec la grammaire du JavaScript pour programmer le script Java. Dans cette conférence, nous aborderons ce concept. Comment vous pouvez écrire et comment vous pouvez définir les commentaires sur cela, et quels sont le commerce. Si vous avez déjà l'expérience sur la programmation de script java. Beaucoup de ces concepts peuvent être vieux pour vous, ce qui signifie que vous pourriez tout comme la conférence du Kansas. Mais si vous êtes nouveau dans le script Java ou vous n'êtes toujours pas sûr du fondamental du script java. Cette conférence est donc très importante pour vous. Avant de commencer l'instruction de script java, nous avons juste besoin de comprendre que quelle est cette instruction ? Une instruction JavaScript est une unité de programmation de base, généralement qui représente un robinet dans le programme JavaScript. Pensez à ce que je déclare comme la phrase. Comme d'autres langues comme l'espagnol, l'anglais, ou le français, semble un cas comme je suis juste en train d'écrire un mot comme, je suis heureux. Donc, ce n'est qu'une phrase. Donc, en JavaScript, comme vous le voyez dans la dernière conférence que nous écrivons, une seule ligne est prise ici, qui est document point droit, qui est l'impression de la chaîne juste ici, qui est Hello World. C' est la voiture, la déclaration ici. Vous pouvez voir que je viens de le dire dans la balise de script et je le colle juste ici. Donc, c'est un seul est des instructions qui s'ouvrent dans le document.write. Et c'est nous imprimer le message qui est plus lent. Dans de nombreux cas, je déclaration est une seule ligne de code. Et les déclarations de l'Egypte se terminent par un point-virgule. Vous pouvez voir que comme un point à la fin de la phrase, les points-virgules indiquent clairement que l'étape est couverte et que l'interpréteur JavaScript doit se déplacer à l'élection suivante. C' est en fait une carte, cette déclaration. Passons maintenant aux commentaires. Quels sont les commentaires ? Les commentaires dans n'importe quel langage de programmation, qui sont très importants, car comme vous pouvez le voir que nous exécutons le programme de syntaxe de base ici. Si vous travaillez avec une application complexe. Donc, là, les commentaires sont très importants parce que si vous écrivez pour P 1000 lignes de code et après un an, vous n'avez pas compris même vous êtes Encore que ce que la ligne fait réellement. Travailler. A cet effet, VR écrire le commentaire. Pour créer un commentaire de ligne unique en JavaScript, vous placez deux barres obliques avec lui. Vous pouvez voir qu'ici vous pouvez voir que ce sont des déclarations change de couleur, qui signifie que je viens de commenter cette déclaration ici. Vous pouvez voir que je viens d'écrire ces deux barres obliques à l'avant du noyau ou TextView souhaite commenter dans l'interpréteur JavaScript, ou vous voulez ignorer. Lorsque vous placez ces deux barres obliques, tous les textes situés sur le côté droit seront ignorés jusqu'à la ligne suivante. Vous pouvez voir ici que je passe à la ligne suivante. Et ici, je viens d'écrire que c'est document et document dot write. D' accord ? Et ici, j'ai juste basé une chaîne comme bonjour monde. Donc, vous pouvez voir ici que c'est la déclaration prend, mais ici je crée simplement cette déclaration comme le commentaire, seulement une seule ligne ici. Maintenant, je sais qu'une question dans votre esprit que c'est un commentaire de ligne unique, comment nous pouvons écrire une commande de plusieurs longueurs. Comme je voulais juste commenter cette déclaration. Et c'est un traitement car à cet effet, vous avez besoin d'une barre oblique. Puis est Tarik, puis est Tarik signe ici et puis fermer juste ici. Voyons juste comment vous pouvez voir que j'écris juste une barre oblique. Ici, j'écris juste hystérique. Alors vous pouvez voir ici, je ne suis pas le plus proche Herik ici. Vous pouvez voir ici, si j'écris juste des milliers de lignes ici, et je n'ai juste pas fermé ce commentaire ici. Donc, ce sera recommander tout le code pour fermer ceci, je crée simplement à nouveau hystérique et puis ferme cette barre oblique ici. Ici vous pouvez voir que je viens de copier. Et ici, je suis juste, comme vous pouvez le voir ici, je commence juste à partir d'une nouvelle ligne, et ceci est notre carte, un multi-ligne commentaires. Vous pouvez voir ici, c'est à l'intérieur de ces commentaires multi-lignes. Espérons que vous comprenez
maintenant, maintenant vous pouvez voir que je viens de commenter, Je déclare ici. Supposons que c'est une double barre oblique inverse et j'écris juste que ce code est pour la compréhension. Donc, vous pouvez voir ici, je viens de commenter, c'est la déclaration, je viens de supprimer ceci. Vous pouvez voir ici. Et vous pouvez voir que c'est pour une meilleure compréhension de mon code, que c'est le score est pour la compréhension. Donc vous pouvez voir ici, j'écris juste que la double barre oblique inverse est juste ici. Il s'agit d'un point de document. Écrivez cette déclaration. Ok. Espérons que vous comprenez maintenant que la façon dont ces commentaires fonctionnent et comment ces commentaires sont importants dans notre langage de programmation ou n'importe quel langage
de programmation vous aide à comprendre maintenant. Donc, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
6. Quelles sont les variables et la façon dont nous les utilisons: Salut les gars, bienvenue à cette conférence. Dans cette conférence, je vais vous montrer que quelles sont les variables et comment nous les utilisons. Dans le langage de programmation, une variable est une valeur qui peut être modifiée, qui dépend des conditions sont sur l'information qui est transmise à un programme. En règle générale, un programme se compose d'une instruction distante qui indique à
l'ordinateur ce qu'il doit faire et les données qu'il utilise lorsqu'il est en cours d'exécution. Les données sont composées de constantes et de valeurs fixes qui n'ont jamais changé, et d'une valeur variable qui sont généralement initialisées à la valeur 0. Et la valeur de la variable peut être modifiée. Ici. Supposons V alors que la valeur a. Et quelqu'un vous dit que à cette valeur dans cette boîte. Donc ici vous pouvez voir que je viens d'ajouter ceci a dans cette boîte, ou je viens d'écrire ceci a dans le tableau blanc. D' accord ? Vous pouvez voir ici, cela prend une partie de la place sur ce tableau blanc juste ici. qui signifie que la variable prend certaines
des allocations de mémoire et prend une partie du SPS ici, ce qui est modifiable. À un autre stade, quelqu'un vous dire que supprimer ce a de ce tableau blanc et sur la place d'un, vous venez de monter b, donc vous écrivez simplement b ainsi. Donc B prend également une partie de l'espace mémoire vers le haut. Donc, vous comprenez maintenant et votre concept sur les variables est clair. Les variables sont utilisées pour stocker des informations à référencer et à manipuler dans un programme informatique. Ils fournissent également un moyen d'étiqueter les données avec notre nom descriptif. Ou nos programmes peuvent être compris plus clairement par les cellules de lecture et de sortie. C'est utile. Il est utile de considérer les variables comme des conteneurs qui contiennent des informations. Comme vous pouvez le voir, que ce tableau blanc détient une partie de l'information qui est un et B. Leur seul but est d'étiqueter et de stocker les données en mémoire. Ces données peuvent être ces données peuvent ensuite être utilisées pour sortir notre programme. Je vais vous dire que comment vous pouvez attribuer la valeur à la variable. Voyons cette variable de véhicule a et vous attribuez juste la valeur de cet E. Supposons 0 pour l'assignation. Donc, vous écrivez est égal à signer ici. La variable de dénomination est connue comme l'une des tâches les plus difficiles dans l'ordinateur. Programmation. Lorsque vous nommez les variables, réfléchissez bien aux noms. Essayez de votre mieux pour vous assurer que le nom, comme vous affectez votre variable est. Signifie qui décrivent avec précision deux et compréhensible à un autre lecteur. Parfois, cet autre lecteur est vous-même quand vous voulez, inversé un programme que vous avez écrit des mois ou même un an plus tôt. Donc, à cet effet, les variables ou les noms des variables jouent un rôle très important. Supposons que si vous écrivez un programme où vous venez de monter ou bizarre, vous prenez juste l'intérieur de l'étudiant. Donc, à cet effet, vous écrivez juste prénom comme variable. Donc, comme vous pouvez le voir que ce prénom, qui est égal à 0, ou prénom ij est égal à 0 ici, ce qui est très compréhensif pour vous. Si vous surveillez votre cour même après un an. J' espère que vous comprenez que tout cela n'est que notre ligne directrice. Maintenant, je vais vous dire que comment vous pouvez créer une variable Java Script. Ici, vous pouvez voir que j'écris juste une balise de script, ok ? Et je vais fermer cette balise de script juste ici. D' accord ? C' est juste une balise de script, comme vous le savez, lorsque vous travaillez simplement avec JavaScript. Voici une section d'en-tête, donc je viens juste dans le corps. Ok, maintenant vous pouvez voir que je viens d'écrire un script. À l'intérieur de ce script, j'écris juste v. Comme vous le savez, que VR est un mot-clé pour créer la variable dans le JavaScript. Ici, je fais glisser VaR. Puis ici, j'écris juste que E et E, ce qui est égal à moi, juste écrire dix. Et vous devez fermer avec un point-virgule. Donc ici, la variable a, qui est égale à des dizaines, signifie que j'attribue juste la valeur d'un. Je crée juste une variable a, et je lui attribue juste la valeur, qui est dix. Ensuite, vous pouvez voir que je viens d'essayer la variable B, qui est égale à ici. J' écris juste que c'est 15. Et je ferme juste ce code ici. Maintenant, vous pouvez voir que je viens d'essayer la variable c et c, qui est égal à un plus b ici. Et j'ai juste le score le plus proche ici. Ici vous pouvez voir que je viens de créer une logique ici, qui ajoute les deux nombres ici, qui est a et b. Ok, maintenant ici vous pouvez voir que je viens d'essayer document, document.write. Et ici, j'ai juste mis en pause la valeur de la variable c ici. J' espère que vous comprenez maintenant que je suis juste obtenir la valeur du C juste ici. Allons simplement dans le navigateur et ici dans le Google Chrome. Et ici vous pouvez voir que la valeur de la dix plus 15 ici sont, ici, sont 25 ici, ce qui signifie que la valeur d'un qui contient, sorte que la variable a contient la valeur de dix. Et la variable b. Contient la valeur 15, ce qui signifie que vous avez un tableau blanc juste ici. Et dans le tableau blanc, vous allouez juste une partie de l'espace qui est dix à l'a. et pour B, vous allouez juste 15. Et pour c, vous montrez le résultat de ces deux, qui sont 25. J' espère que vous comprenez maintenant, sachez que c'est la façon dont nous créons la variable dans un très petit programme. C' est votre début de JavaScript. Maintenant, je vais vous parler de l'obligation complexe. Ou ici tout d'abord, je distribue ces variables ici. Donc, ici, vous pouvez voir que j'ai juste effacé cette logique dans le fichier JavaScript. Et ici vous pouvez voir que là j'écris juste ces fichiers ici. Et ici, vous pouvez voir que je viens d'écrire que c'est une langue, langage qui est JavaScript. Et ici vous pouvez voir qu'après cela ici, j'écris simplement que le type, type, qui est le script java texte ou barre oblique. Et maintenant, je suis en train de fouler la source. Donc, la source de ces variables ici sont des harems javascript à point variable supprimant cela. Donc, vous pouvez voir ici que nous écrivons ce code JavaScript juste ici. Et maintenant, je suis juste de vous montrer la sortie de cela aussi bien dans le Google Chrome. Et ici, vous pouvez voir ce même exemple de code ici. Espérons que nous comprenons maintenant que comment nous pouvons travailler avec un fichier de script java et des fichiers HTML ensemble, maintenant arriver au point que la façon dont nous
déclarons la variable dans les obligations complexes. Ici vous pouvez voir qu'il s'agit d'un système de restaurants de pause. D' accord ? Quelle est notre grande application ici, qui est faite dans un PHP, HTML, CSS, JavaScript, jQuery et Bootstrap. Ok, maintenant vous pouvez voir que ce sont des fichiers. Vous pouvez voir que j'utilise juste la version du coordinateur ici. Ne vous inquiétez pas pour ça. Nous nous concentrons sur le JavaScript ici, où chaque fichier est séparé. Prenez sa place ici. Maintenant, vous pouvez voir que je vais juste aux fichiers JavaScript. Et ici, vous pouvez voir qu'il va aux urnes. Et ici, vous pouvez voir que c'est notre dossier Java Script entier dans ce projet. Et allez au JavaScript. Ici, je vais juste à la calculatrice et lance ceci dans les crochets juste ici, enregistre c'est un soit IDEO, vous pouvez dire que c'est un éditeur juste ici pour écrire votre code basé sur le web juste ici. Maintenant, vous pouvez voir que c'est une fonction. Ne vous inquiétez pas pour ça. Nous allons également apprendre l'air d'une fonction, et nous allons également apprendre la déclaration if ici. Concentrez-vous sur ces variables ici. Ici, je crée juste la variable. Vous pouvez voir qu'ici la variable est Calculatrice. Et je suis juste en train d'initialiser certaines des valeurs ici, qui est en cours d'exécution total, exécution, désolé, la valeur actuelle définie, définissez la valeur actuelle qui exécute l'action et l'affichage. Donc, tout cela ici sont nos variables de notre cette porte de calculatrice Java Script code. Ici, vous pouvez voir que ces variables prenant les valeurs ici,
qui est une chaîne vide, une chaîne vide, c'est une valeur booléenne, une chaîne
vide, une chaîne vide, ne vous inquiétez pas à ce sujet. Nous allons en apprendre davantage sur les types de données de la variable lors de la prochaine conférence. Donc voici juste faire votre concept de variables que comment nous pouvons créer la variable. Ici, vous pouvez voir qu'une question à vous les gars que comment VR créer les variables ici dans les applications complexes. Et vous pouvez voir
ici, au lieu de est égal à Vr écrire la colonne ici, vous pouvez voir que je crée juste une variable ici, qui est une calculatrice de variable et la calculatrice qui est égale à la sous-valeurs ou sous-variables ici, qui exécute le total des valeurs actuelles en cours d'exécution. Définissez les valeurs actuelles, exécutez l'action et affichez ici. C' est ainsi que vous pouvez voir que la seule variable ici, qui est la calculatrice, mais ici, c'est la valeur de ces variables. Nous prenons ces valeurs ici à partir de notre code basé sur l'interface graphique, ce qui signifie que lorsque nous nettoyons le système de pores, alors ajoutez les côtés de la calculatrice, VR exécutant les valeurs totales, ce qui signifie que vous pouvez obtenir le valeurs actuelles de leur valeur actuelle est de 25. Ensuite, vous pouvez définir la valeur actuelle dans l'ordinaire. Il suffit de cliquer sur ce 25 ici. Ensuite, vous pouvez exécuter l'action. Alors ici, cela affichera 25 pour vous les gars. Et puis vous pouvez exécuter le total ou exécuter le total ici. Donc, c'est l'exemple de codage de ce projet, mais ne vous inquiétez pas à ce sujet, concentrez-vous sur cela. Donc ici, vous pouvez voir qu'à l'intérieur de cette application complexe, nous créons également les variables semblent comme un cas comme cette variable. Vous pouvez voir ici c'est la variable juste ici. Ensuite, vous pouvez voir que la calculatrice est le nom de la variable, puis est égal à signer, et puis nous assignons les valeurs à cela. D' accord, ici. Vous pouvez voir ça pour appeler cette calculatrice juste ici. Vous pouvez voir qu'ici je viens d'assigner la valeur dix, mais ici vous pouvez voir que je viens d'assigner la valeur ici en exécutant les valeurs
actuelles ensemble, la valeur actuelle exécutée action et afficher ici. Espérons que vous comprenez maintenant que comment nous pouvons créer des variables, quelles sont les variables dans le JavaScript ? Si vous trouvez l'un des problèmes ici dans cette conférence ou l'une de l'usine n'est tout simplement pas clair pour vous les gars. plaît laissez-moi savoir et vous pouvez poser n'importe quelle question. Merci d'avoir regardé. Rendez-vous à la prochaine conférence.
7. Différents types de variables et de données: Bienvenue à cette conférence. Dans cette conférence, nous allons parler types
de données et des variables java est découpé. Dans les types de données. Tout ce que vous traitez sont différents types d'informations au quotidien. Ceci est utile comme votre nom, le prix de la nourriture, ce que vous achetez, l'adresse de votre bureau et la date de votre prochain anniversaire. Toutes nos informations qui sont importantes pour vous. Vous prenez des décisions sur ce qu'il faut faire en fonction de ces informations. Les programmes informatiques ne sont pas différents. Ils s'appuient également sur l'information pour faire les choses. Par exemple, vous allez calculer le total de votre scène de jardin commercial comme un cas comme notre ancien exemple où je calcule juste le u, où j'utilise juste la calculatrice variable, où je viens de lancer les différents types, où exécuter le total, exécuter la valeur actuelle, définir, la valeur actuelle, exécuter x et, et l'affichage. Donc, ce sont quelques-uns des types ici. Passons à notre programme ici. Ici vous pouvez voir que les programmes informatiques ne sont pas de différence ici. D' accord ? Ici. Vous pouvez voir que je suis juste en train de diriger le panier. Et ici, vous pouvez voir que ces programmes ont besoin de connaître le prix et la quantité. Prix et quantité de chaque commande pour personnaliser une page Web avec un nom de visiteur, vous avez juste à écrire comme Bienvenue sur ce nom de page XYZ. Les programmes dont vous avez besoin pour connaître le nom ici. Dans les langages de programmation généralement catégoriser l'information dans les différents types, et ils traitent l'Egypte ou tapent d'une manière différente. En JavaScript, il y a trois types de données les plus basiques, vis notre nombre est formé et Booléens. Tout d'abord, je vais vous dire que quel est le nombre ? Le nombre est utilisé pour, compter et calculer. Vous gardez une trace du numéro de la journée jusqu'aux vacances d'été. Supposons ici que vous pouvez voir que je viens d'essayer 1010 est le nombre, 20 est un nombre pour le diesel, numéro 100 est un nombre. Donc ce sont les chiffres que je suis ici. Je vais vous dire que comment nous pouvons initialiser notre nombre découragé VIH dans le script Java. Ici, il y a deux V de types de données, ou il y a deux catégories de type de données. Le premier est statiquement type de données, et l'autre est une dynamique plus tard mort. Les types esthétiquement dissuadés sont utilisés dans le langage de programmation statique, mais les types de données dynamiques sont utilisés dans notre langage de programmation dynamique. Quel est le langage de programmation statique ? Les langages de programmation statique statique sont
C, C plus et Java, ou C comme nous sommes ici. Nous sommes, je viens d'essayer entier et entier ici notre lac, supposons a0, qui est égal à dix. Cela signifie qu'ils sont tapés statiquement l'entier juste ici. La même chose est le cas comme C, C plus et Java juste ici, ok ? Et quand vous déclarez simplement la chaîne, vous devez
donc écrire une chaîne rapidement et ensuite vous devez écrire b, qui est égal à chaîne, ce qui est bonjour mot. Ok. Ici, à l'intérieur du script java, les scènes ne sont pas comme ça parce que le script Java ici est les langages typés dynamiquement où vous pouvez écrire une variable. Donc VR est juste une déclaration de la variable que nous sommes à l'intérieur d'un qui est égal à dix. qui signifie que par défaut, cet e est pris la valeur dix comme un entier juste ici, parce que la valeur entière R1, 2345, ou de 0 au nombre de. D' accord ? Quelles sont les langues typées dynamiquement ? Les langages typés dynamiquement sont Ruby, Python, Java, script, etc. Ici, vous pouvez voir que je viens d'essayer le type de données ici, qui est l'entier. D' accord ? Maintenant, après cela, je crée juste la variable B, qui est égale à ici je viens d'écrire, c'est une variable de type chaîne où je viens d'écrire bonjour. Donc ici, vous pouvez voir que c'est l'autre type de données ici, qui sont la chaîne, désolé, juste ici. Alors qu'est-ce qu'une chaîne ? Chaîne jouant un nom ou une phrase, ou une série de lettres. Donc, je chaîne est juste une série de correcteurs VR, vous pouvez définir les lettres et autres symboles, comme Bienvenue sur notre page Web,
Bonjour Word, ou l'un d'entre vous sont des guillemets juste ici. C' est ainsi qu'une chaîne fonctionne. Passons simplement au type de données booléen et je vais vous dire que quels sont les types de données booléens ? Types de données booléens, que ce soit les nombres et les chaînes. Après des variations infinies. Ici, vous ne prenez que deux valeurs ici. Supposons que la variable c, qui est égale à, je viens de dire que cette valeur est vraie ici. Ou ici, j'écris juste la variable d et d ici est, j'écris juste le d ici est faux. Donc nous ne prenons que deux valeurs ici, ce qui est vrai ou faux ici. Semble un cas comme dans notre code
ici où je viens de dire que la valeur actuelle définie qui est fausse. Donc, c'est la voiture, c'est la valeur booléenne juste ici. Ça t'aide à comprendre maintenant. C' est ainsi que fonctionnent les Booléens. Maintenant, vous pouvez voir que c'est notre type entier, c'est notre type de chaîne, et ce sont les types de données booléennes. Ici, vous pouvez voir que si je crée juste cette variable ici est, supposons E et E, qui est égal à ici, j'écris juste 10.5. Donc, par défaut, JavaScript prendra ce nombre ici est défectueux parce que 10.5, ce qui signifie que flottant ici. C' est donc un nombre à virgule flottante. Ce sont quelques-uns des types de données. Ce que nous sommes utilisés dans le script Java vous aide à comprendre maintenant, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
8. Utiliser des messages d'impression variable: Bienvenue à cette conférence. Dans cette conférence, je vais vous montrer que comment vous pouvez créer une variable et comment vous pouvez afficher le message. Dans l'éditeur de texte. Vous pouvez voir ici, je suis juste en train de créer un fichier avec l'extension SML juste ici, où je viens de dire ce patrimoine juste à une balise, qui signifie que c'est la tête numéro un, ce qui est un titre beaucoup plus grand que le numéro de lecture 234 et jusqu'à six héritages, non ? J' utilise la variable ici. D' accord ? Maintenant, après cela, vous pouvez voir que je suis juste en train de créer la balise de script juste ici. Et à l'intérieur de cette balise de script, je crée juste deux variables entre cette balise de script. Je suis juste essayé la variable numéro un, qui est laisser supposer que je vous le dis au début du programme qui est le prénom. Vous pouvez voir qu'il s'agit d'une variable. dénomination ou la dénomination est proposée ici que vous créez la variable comme un 123, alors vous devez écrire un trait de soulignement 1-2-3. Vous ne pouvez pas écrire une variable comme 1-2-3 ou comme un trait de soulignement. C' est un crabe à tort, Ces deux sont le bon moyen de votre écriture de variables. Ok, maintenant vous pouvez voir que je crée juste le nom ici, ce qui est dangereux. Ok, c'est le prénom de ça. Et puis ici vous pouvez voir que je conteste le deuxième nom juste ici, ou le nom de famille juste ici, qui est le dernier nom de soulignement juste ici, qui est égal à, J'écris juste que c'est un dangereux. Et puis il a dit Smith, d'accord ? Maintenant, vous pouvez voir que je viens de créer deux variables ici, qui est un type de chaîne. Donc ici vous pouvez voir que je viens de créer les deux variables, qui est un FirstName est Daniel, et le nom ici est le smith. Donc je stocke juste ces deux valeurs sont entraînées juste ici. Et ici, je vais vous dire que comment vous pouvez concaténer ces valeurs. Maintenant, vous pouvez le voir ici. J' écris juste que c'est le document et le document point Harris, non ? Droit. Ok, donc cette commande vous montre juste la sortie de ça. Et là, je viens de dire cette glace ? Nom de soulignement forcé que Harris, n'est-ce pas ? Alors ici, je vous montre juste la chaîne vide juste ici. Et après cette glace, le plus et le plus ici sont le nom de famille. Donc c'est le dernier nom de soulignement juste ici. Qu' est-ce qu'un signe plus ici ? Plus signez ici, lorsque vous utilisez juste entre ces deux valeurs sont entre ces balises. Donc, cela signifie que cela ajoute les deux valeurs, ce qui signifie que Daniel Smith juste ici. Et ceci est une chaîne vide. Nous vous montrons juste un seul ou quelle file d'attente, vous
montrant Lei kong. Espace entre ces deux textes. Ceci est également sculpté. Cette valeur plus est également appelée, Il s'agit d'une concaténation. Ici vous pouvez voir que, que cette valeur est déchirée dans les variables et vous créez ici ce document.write. Tout d'abord, nous allons obtenir la valeur prénom. Ensuite, nous allons obtenir la valeur de nom de famille ici, qui est dans la commande document.write ici dans cette variable de prénom. Je stocke juste la valeur du Daniel et dans le nom de famille que je viens de stocker est la valeur mythe juste ici. Laissez-nous exécuter ce code ici, ok, dans ce navigateur. Et ici, vous pouvez voir que je viens d'aller au navigateur. Ici, vous pouvez voir que tout d'abord, que ce score est montré pour moi, qui est la balise H1, j'utilise la variable. Et puis ces deux valeurs, vous pouvez voir ici le Daniel Smith. Espérons que vous comprenez maintenant que comment vous pouvez exécuter une variable et concaténer deux valeurs et imprimer n'importe quel message. Espérons que vous comprenez maintenant, c'est une bonne pratique de programmation que vous pouvez travailler avec notre bon nommage des variables. J' écris juste l'une des variables comme a, B, C, D. Mais vous devez écrire vos propres variables comme FirstName, LastName, comme cela vous aide à comprendre maintenant, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir. Et vous pouvez, si vous avez un problème en
fonction de mon enregistrement de cours à l'une des conférences. Donc, il y a une option disponible pour vous les gars qui est de poster n'importe quelle question dans votre calme. J' espère que vous comprenez maintenant. Merci d'avoir regardé. Rendez-vous à la prochaine conférence.
9. Explosif Arithmetic Javascript: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler des opérateurs dans le JavaScript. Un opérateur dans un langage de programmation est un symbole qui indique au compilateur ou à l'
interprète d'effectuer une opération mathématique ou logique spécifique, et qui est de produire un résultat final. Dans cette conférence, nous nous concentrons sur l'opérateur arithmétique dans le script Java. Avant de parler à l'opérateur arithmétique, je vais vous dire l'importance de l'opérateur. Comme vous le savez, à une thématique est compétences sont une chose utile à avoir dans ces jours. Nous les utilisons pour déterminer combien d'argent nous économiserons sur les achats afin déterminer si nous avons assez de temps pour courir un gain rapide avant notre arrivée de bus. Et pour faire l'équilibre dans notre ou et pour équilibrer notre banque à la maison. Le fait est qu'il est difficile de fonctionner sans au moins batterie aléatoire. échelle arithmétique signifie que si vous, si vous ne vous êtes pas échappé, vous ne pouvez pas faire ce genre de choses. Cme comme un cas comme dans un ordinateur à travers ils sont fondamentalement des machines logiques. Le programmeur peut les faire effectuer aussi l'opération numérique. Pour ce faire, ils utilisent la capacité, qui est l'opérateur de carte. Maintenant, quels sont les opérateurs arithmétiques et comment nous les utilisons ? Et l'opérateur est un indicateur se souvient que, qui est un symbole qui montre certaines opérations spécifiques doivent effectuer dans un programme informatique. Ces opérateurs peuvent être arithmétiques, logiques et relationnels. D' accord ? Maintenant, venez aux opérateurs arithmétiques dans le script Java et n'importe quel langage de programmation. Il y a un opérateur arithmétique où nous utilisons plus, moins, multiplier, diviser, et vous avez le module d'écriture du flux ou de la division de plancher, ok ? Maintenant V L plus les opérations, soustraction, la multiplication et la division. Ce sont les quatre principaux opérateurs de l'arithmétique. Je vais vous montrer l'exemple ici, où vous pouvez voir que supposons x plus
y. X ici est, vous savez, une variable, y voici la variable. Ok. Et ici, vous pouvez voir que c'est l'opérateur, qui est, opérateur fait les opérations entre le x et y, qui est AD. Supposons donc que nous ayons 1010 plus dix, ce qui est égal à 20. Donc c'est fait notre opération d'addition, opération. Et puis ici cela me donnera le résultat qui est 20 ici. même chose est le cas comme la soustraction, la multiplication et la division. Passons à l'exemple de codage de ceux-ci. Ici vous pouvez voir que je dois écrire un script. Script ici est, comme vous le savez, balise JavaScript. Maintenant, ici, je crée juste une variable. variable ici est x, ce qui est égal à, je vais juste écrire que la valeur ici est dix. Alors ici. Après cela, vous pouvez voir ce x, qui est égal à dix. Ensuite, ici, je décrit la variable de créateur, qui est y et y qui est également égal à dix. Donc ce sont les deux opérateurs ici, désolé, les deux variables ici. Vérifions. Ici. J' écris juste la
variable, la variable z, qui est égale à, je vais juste écrire ce X plus Y ici. Et vous pouvez voir ici que je viens d'écrire un document. Et ici, vous pouvez voir que je viens de monter document dot écriture. Et ici, je dois écrire que c'est juste une impression sur le zed juste ici et puis le score le plus proche. Donc ce que je viens de faire ici. Ici, vous pouvez voir que je viens d'assigner la valeur dix à la variable x. valeur tend à la variable y. Ensuite, ici, je fais juste les opérations ici, qui est l'opérateur d'addition. Donc, c'est plus ici est l'opérateur d'addition, qui est une catégorie de, vous pouvez voir ici l'opérateur arithmétique. D' accord ? Maintenant, vous pouvez voir que quand je vérifie juste le résultat de cela dans le navigateur. Donc, vous pouvez voir ouvrir dans le navigateur ici. Donc ici, dix plus dix, ce qui est égal à 20 ici. C' est le premier opérateur, qui est l'opérateur d'ajout ici. Maintenant vous pouvez voir ici, je viens de copier ceci. Les pâtes sont juste ici. Alors ici, il est juste que ce soit multiplier k ici est x1, y1, et z1, et voici écrire z1, ok ? Cme comme un cas comme je viens de créer pour la soustraction ici, où j'écris juste Z2, Z2, Y2 et x2 ici. Et nous ajoutons
la perte, l'opérateur de division ici, qui est que trois, y trois, désolé, x3, y3, z3. Et ici, nous l'avons tenu. Il y en a trois aussi. Ok, il y a juste aller dans le navigateur, rafraîchir ça. Vous pouvez voir ici tout d'abord, nous avons tenu les 20 ici. Ensuite, nous avons celui juste parce que, alors nous avons un 100 juste ici, juste à cause de dix multiplié par dix, ce qui est égal à 100 ici. D' accord ? Ensuite, nous effectuons juste l'opérateur moins, qui est 0. Et puis au dernier V, enfer 20 ici. Ok, maintenant voyons, j'écris juste une pause entre eux. C' est juste sur la balise BR juste ici. D' accord ? Et vous pouvez voir que c'est la sortie qui est très claire pour vous en ce moment. D' accord ? Donc, c'est la division. D' accord ? Maintenant, ici, vous pouvez voir et juste rafraîchir ceci. Donc ici ou ici, un moyen formel d'écrire une seule pause de fin ici, qui est la barre oblique n. Donc, j'écris juste slash envahi. Donc ici, c'est la barre oblique droite. Maintenant, je copie juste coller, coller, coller juste ici. Voyez si ce code s'exécute sur le navigateur. Et désolé pour ça ici. L' enfer. J' ai juste essayé. Différente barre oblique juste ici. C' est une barre oblique inverse. Ok. Donc j'écris juste une idée de chair avant. Maintenant, ici, je viens de remplacer ceci et aller dans le navigateur, actualiser ceci. Et vous pouvez voir ici, tout d'abord, nous ajoutons la valeur. Donc vous pouvez voir ici, c'est le résultat et la valeur ici, qui est 20, ce qui signifie que dix plus dix ici est 20. Puis ici dix multiplient par dix, ce qui est écrit valeur ici est un 100. Puis dix moins dix, qui est la valeur ici, est, vous pouvez voir que 0 puis ici dix divisé par dix, qui est la valeur ici est un. Donc ici, vous pouvez voir que j'ai décrit l'opérateur d'
addition, la multiplication, la soustraction, et c'est notre opérateur de division juste ici. Et ce sont la catégorie des opérateurs arithmétiques dans le script Java. Espérons que vous comprenez maintenant que comment nous pouvons créer des opérateurs émétiques d'édition dans le JavaScript. J' espère que vous comprenez maintenant si vous trouvez un problème concernant cette conférence, s'il vous plaît laissez-moi savoir. Et si vous avez des questions selon cette conférence, vous pouvez poster votre question. Merci d'avoir regardé. Rendez-vous à la prochaine conférence.
10. Mannequin d'assignation en Javascript: Bienvenue à cette conférence. Dans cette conférence, nous allons parler de l'opérateur d'affectation dans le script Java. Et l'opérateur d'affectation est l'opérateur utilisé pour assigner une nouvelle valeur à une variable ou un événement de propriété ou indexé ou élément dans le langage de programmation JavaScript, l'opérateur d'
affectation peut également être utilisé pour les opérateurs logiques, tel que l'opérateur logique binaire. Ou vous montez avec des opérandes intégrales ou booléennes. Ici, je viens d'utiliser le mot opérande. L' opérande ici est laisser supposer le x et x, ce qui est égal à je viens d'écrire dix. D' accord ? Maintenant ici, x est ma variable et X est aussi mon opérande ici. Donc ici, vous pouvez voir que c'est un opérateur et c'est la valeur que je viens d'attribuer à cet opérande ici. Donc c'est, vous pouvez voir ici. Ici, j'écris juste x qui est égal à dix. Donc, cela est égal à sinus prend la place de l'opérateur d'affectation ici, ce qui signifie que je viens d'attribuer la valeur à cette variable x ici. Maintenant, je viens de lancer notre exemple sur ce où j'ai juste utilisé une partie de l'opérateur arithmétique et ensuite j'ai juste utilisé l'opérateur Simons aussi. Voyons, voyons, je distribue une variable. Variable ici est laisser supposer x, qui est égal à la main droite. D' accord ? Ensuite, ici, j'écris juste que c'est une valeur de x, qui est dix. Et puis ici, il est, à droite, qu'une valeur de total qui est égale à, je, juste écrire le total ici est 20. D' accord ? Maintenant, les yeux droit document point, à droite. Et puis ici, j'ai écrit cette valeur de total. Et le total qui est égal à ici, j'écris cela et puis ici j'écris juste plus opérateur. Donc, je ne vais pas vous parler de cet opérateur plus ici. Et puis je vais vous parler de cet opérateur plus prochaine conférence à venir. Maintenant, ici. Je vais écrire la valeur ici, ce qui est total, ok ? Et le total ici est ma variable juste ici. Et puis total, qui est plus, est égal à la glace, non ? X. OK ? Maintenant, vérifiez la logique juste ici. Maintenant, ici, je viens d'écrire
plus, plus voici que je dois écrire cette balise BR. Nous sommes juste de fermer cette balise BR juste ici et puis fermer cette déclaration. Maintenant. Maintenant, ici où je viens d'utiliser l'opérateur d'
affectation quand je viens de définir la valeur de cette variable, qui est x est égal à dix. Donc ici, vous pouvez voir que c'est égal à la police
sinusot de l'opérateur d'affectation ici. D' accord ? Maintenant, vous pouvez voir qu'il y a des gestionnaires qui obtiennent la sortie de l'utilisateur ici. Nous sommes juste d'abord dériver la valeur de chaîne du total ici. Et puis ici, j'écris juste plus opérateurs. Donc, je ne vais pas vous parler de cet opérateur plus, qu'est-ce qu'un opérateur plus ici ? Je vais vous en parler lors de notre prochaine conférence. Donc ici, vous pouvez voir qu'après cela, je vais juste obtenir la valeur de ce total variable ici. Ensuite, ici vous pouvez voir que je viens d'écrire plus est égal à je viens d'assigner la valeur de ce total ici, qui est x. et puis ici un simple saut de ligne simple ici. Ici, vous pouvez voir que je viens d'utiliser plus opérateur. Donc, cela signifie que c'est l'opérateur d'addition, ce qui signifie que dix plus total, qui
est 20, est égal à la valeur ici, est 30 ici. D' accord ? Vérifions. Donc, d'abord, je vérifie juste la sortie pour cela et ensuite nous allons aller de l'avant. Ici. Je viens d'écrire le navigateur, puis courir ici vous pouvez voir que dix plus 20 est 30. Donc, comme vous pouvez le voir qu'il s'agit d'un total variable, ce
qui signifie que c'est un opérande ici. Ensuite, ici il suffit d'utiliser l'opérateur pour l'addition plus, qui est égal à ce qui signifie que je viens d'attribuer cette valeur totale deux x et j'ajoute juste cette valeur aussi. C' est donc une autre façon d'ajouter vos valeurs. Alors ne le confondez pas ici. On recommence à le faire. Donc vous pouvez voir ici, j'écris juste moins ici. Puis ici, j'ai juste essayé diviser aussi bien. Alors ici, j'ai décrit le multiplier aussi bien ici, ok ? Ou vous pouvez prendre le module de cette valeur ici, qui est signe de pourcentage. Allez dans le navigateur, actualisez ceci, et ici vous pouvez voir d'abord, une valeur supplémentaire. Alors ici vous pouvez voir que c'est la soustraction juste ici. Alors ici, vous pouvez voir que c'est une division. Ensuite, c'est, vous pouvez voir ici que c'est la multiplication juste ici, puis ajouter la dernière. Nous allons écrire le module ici. D' accord ? Voici comment vous pouvez affecter ou c'est ainsi que vous pouvez utiliser l'opérateur d'affectation. Donc, vous pouvez voir ici, c'est seulement un Z égal à signer, qui est égal à, désolé, qui est utilisé pour l'opérateur d'affectation. Ici, je vais vous dire une autre chose parce que vous êtes très débutant
au JavaScript ici et maintenant vous pouvez voir qu'un seul est égal au sinus lorsque vous utilisez juste entre vos valeurs ici comme ceci, x et y. donc il sera signifie que x affecte, ou désolé, le y est assigné à la variable x ici. Je le fais simple ici, qui est x, ce qui est égal à dix. Donc ça veut dire que penny est assigné à ce X ici. Si vous écrivez x, qui est égal, égal à dix. Donc, cela signifie que vous comparez xn tn ici, qui signifie que je laisse supposer que je décide x qui est égal, égal à y. Donc ceci ici, ce W est égal aux signes signifie que vous comparez la valeur entre x et y ici. Nous en apprendrons également lors des prochaines conférences. Espérons que vous comprenez maintenant que ce
n'est qu'un opérateur d'affectation dans le script java, qui est juste pour attribuer la valeur. Si vous trouvez un problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
11. Opérateurs de chaîne de Javascript: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler des opérateurs de chaîne dans le script java est que les chaînes sont concaténées au-delà de l'opérateur plus. Cela peut marcher. L' autre opérande, deux I string, si l'un de l'opérande est une chaîne, comment l'héritage ? Ici, vous pouvez voir ça. Je vous dis juste dans la dernière conférence que je vais expliquer cet opérateur plus. Cela signifie que c'est la concaténation. Kenneth obtenir ations signifie que lorsque vous ajoutez simplement signe
plus entre les deux opérateurs là-bas, supposons e plus b. Donc ici vous pouvez voir que vous ajoutez les deux valeurs. Mais si vous écrivez simplement ceci avec l'aide de ces deux chaînes juste ici. Donc, cela signifie que vous concaténez cette chaîne ici. D' accord ? Maintenant, ici vous pouvez voir que ce signe plus fait la coupe juste ici. Du sang. Ce plus n est égal à sinus, fait la concaténation et l'affectation ici. Nous sommes l'extrémité supérieure, total et le X juste ici. Il en est venu à l'exemple ici. Et nous allons étudier à ce sujet. Je viens d'essayer de variable, les variables qui sont supposées STR, qui est égal à effacer, écrire bonjour. Et puis j'ai juste le noyau le plus proche. Ensuite, voici la variable rouge STR deux, qui est égal à mot. Ok. Maintenant, c'est près de ça, juste ici. Non, je frappe le document. Le document ici est document.write. Et puis ici vous pouvez voir que j'écris juste SUR un plus je vais juste écrire SDR. Là. Vous pouvez voir que j'utilise simplement l'opérateur de concaténation pour ajouter deux chaînes ensemble. Voyez si ce cours est exécuté. Donc vous pouvez voir ici c'est HelloWorld. Donc vous pouvez voir ici que j'ajoute juste les deux est des chaînes juste ici. Donc, cela signifie qu'il s'agit d'un opérateur de chaîne. Vous pouvez aussi faire ici. Vous pouvez voir que je viens d'écrire ça ici. Str un pluss est égal à SDR à, ok, ici je ferme juste. Et vous pouvez voir ici que j'ai dû écrire ce document.write. Et puis ici, nous allons imprimer la valeur de la chaîne numéro un. Le navigateur actualise ceci. Donc, vous pouvez voir ici c'est aussi un peu profond juste ici, juste à cause de vous pouvez voir ici. Ici, je fais juste une concaténation. Et ici, je fais juste la concaténation. Et est Simon opéra où je viens de fournir ou nous sommes juste fixé la chaîne numéro un valeur à cette chaîne et ce que nous sommes Bonjour et mots ensemble. Et ici, vous pouvez voir que je viens de dire deux valeurs, chaîne Office. Donc, c'est juste un opérateur de chaîne E dans le script java si vous trouvez
l'un des problèmes et si vous ne comprenez pas la planète ici, donc vous pouvez poster votre question. Merci d'avoir regardé. Rendez-vous à la prochaine conférence.
12. Incréments et Decrementing: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de l'opérateur d'incrémentation et de décrémentation en JavaScript. Qu' est-ce que l'opérateur d'incrément ? Opérateur d'incrémentation signifie que lorsque vous ajoutez une valeur avec la valeur existante, cela signifie que vous avez la valeur comme un. Donc, lorsque vous ajoutez simplement l'opérateur d'incrément avec un juste ici, qui est n signe plus. Donc, ce signe signifie qu'il s'agit d'un opérateur d'incrément. Ok, ici, avant cet opérateur d'incrémentation et de décrémentation, je vais vous dire le type de celui-ci lorsque vous écrivez juste plus et plus après cette valeur. Cela signifie qu'il s'agit d'un opérateur post-incrément. D' accord ? Et quand vous écrivez simplement plus n plus un, cela signifie qu'il s'agit d'un opérateur de pré-incrément. Donc, l'opérateur de pré-incrément est laissé supposer que c'est plus N plus un. Donc ici, on ajoute une valeur avec elle, et cela retournera la valeur comme deux ici. Et vu comme un cas comme cet opérateur d'incrémentation postfix, qui est un plus un, qui est égal à deux. D' accord ? Lorsque vous ajoutez simplement, supposons l'opérateur d'incrémentation avec votre valeur. Donc, cela signifie que cette valeur sera égale à deux ici, car cet opérateur d'incrément ajoutera une autre valeur avec un. Donc, c'est la valeur résultante ici est deux. Ceci est juste un opérateur d'incrément. D' accord ? Maintenant, vous pouvez voir que d'abord, je vais implémenter cet opérateur d'incrément ici. Donc vous pouvez voir ici j'écris juste une balise de script. Maintenant, ici variable. Et supposons ici à l'intérieur de la variable x, d'accord ? Maintenant, je suis juste en train de déclarer la variable ici. Et maintenant, vous pouvez voir ce x, qui est égal à, ici, j'écris juste la valeur dix. Ou ici vous pouvez voir ce x, qui est pour nous, ok, x qui est égal à dix. D' accord ? Maintenant, offrez ceci. J' écris juste que c'est le document. Et ici, je décide document.write. Ok. Et ici, vous pouvez voir qu'ici j'avais décrit que c'est x et x plus plus. Donc c'est notre incrément de poste juste ici, ok ? Et vu comme une affaire comme ça. Donc ici, vous pouvez voir que j'avais raison, que c'est juste n variable. Et maintenant, vous pouvez voir ici que j'écris juste opérateur de pré-incrément juste ici. D' accord ? Ou ici, je dois supprimer ceci et copier ceci pour votre meilleure compréhension ici, qui est ici. Supposons que la valeur ici est dix et copiez-la juste ici, puis se ferme. D' accord ? Et ici, vous pouvez voir que je dois écrire plus,
plus signer le code le plus proche. Et vous pouvez voir ici. Ok, vérifions juste la sortie pour cela dans le navigateur. Donc, vous pouvez voir ici que d'abord nous avons la valeur qui est dix. Et après l'opérateur d'incrément, nous imprimons la valeur ici est un citron parce que dix plus un qui est égal à 11. Donc, cet opérateur d'incrémentation signifie que vous ajoutez une valeur avec votre opérateur. Maintenant, passons maintenant à l'opérateur de décrémentation. L' opérateur de décrémentation lorsque vous utilisez simplement le signe moins avec vos variables pour cela signifie que cela diminuera une valeur de votre opérateur. Supposons que vous ayez la valeur qui est dix. Donc, cet opérateur de décrémentation signifie que vous êtes la valeur
résultante ici sera neuf ici. Ok, vérifions la copie. Et ici vous pouvez voir que je dois être est ce noyau. Et ici, vous pouvez voir, donc c'est juste l'opérateur de décrémentation et vu comme un cas comme ici. C' est notre opérateur de situation difficile et c'est l'opérateur de post decrement juste ici. Maintenant, vous pouvez voir que je viens de suivre ce cours. Vous pouvez voir ici que c'est neuf et dix. C' est juste à cause des cheveux ? Vous pouvez voir que je dois imprimer la valeur du X ici. D' accord ? Maintenant, vous pouvez voir que c'est juste un 99 ici. D' accord ? Vous pouvez donc voir ici la différence entre
l' opérateur d'incrémentation et de décrémentation et la différence entre le pré-incrément et le post-incrément. Comment ? Voyons juste voir. Tout d'abord, vous pouvez voir qu'il s'agit de notre opérateur post decrement. Vérifions simplement la sortie pour cela. Donc, vous pouvez voir ici givré, qui sera locataire puis 11. Donc, je vais vous dire la logique de l'opérateur post decrement. Lorsque vous écrivez simplement l'opérateur de pré-décrémentation ou l'opérateur de pré-incrément ici. Donc, cela signifie que lorsque vous obtenez juste la sortie de ceci, donc ce sera, supposons que vous l'êtes, l'expert serait dix. Donc, dans la sortie, votre valeur résultante serait 11. Mais quand vous écrivez l'opérateur post incrément ici, donc c'est plus N plus ici, qui est égal à tout d'abord, cela vous donnera le résultat et la valeur ici est dix. Et puis après cela, quand vous obtenez juste la valeur de cela, donc cela vous sera donné dans la prochaine itération. Donc, cela signifie qu'il s'agit d'un opérateur de post-incrément, CME comme une décrémentation légère de cas. C' est donc la logique de l'opérateur d'incrémentation et de décrémentation dans le script java. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
13. Opérateurs logiques Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons
parler des expressions logiques ou de l'opérateur logique. L' opérateur logique où nous avons étudié AND OR et NOT, qui effectuent l'algèbre booléenne et sont souvent utilisés conjointement avec les opérateurs relationnels pour combiner deux expressions relationnelles en une expression plus complexe. Nous allons discuter un par un dans cette conférence sur OU logique ET logique, et le nœud logique. Afin de bien comprendre ces types d'opérateurs, vous pouvez examiner le concept sur les expressions booléennes où nous avons étudié le vrai et le faux. Valeur booléenne qui représente true ou false. Ou vous pouvez dire « on » et « off » et « oui-ou-non ». n'y a que deux valeurs possibles de ce type. La guerre inverse est vraie et fausse. Pour évaluer deux, ces deux valeurs. Supposons que si nous avons un qui est égal, égal à quatre, ok ? Maintenant, nous avons les deux états. Si un qui est égal à quatre, alors cette valeur sera vraie. Si un qui est égal à cinq, alors notre, cette valeur sera fausse ici. Donc, c'est juste une valeur booléenne où nous avons seulement deux états qui sont vrais et faux sur et hors. Et l'autre état ici est oui ou non. J' espère que vous comprenez maintenant. Passons maintenant à la première expression logique, qui est N. La fin logique peut être comprise à trois niveaux différents. Au niveau le plus simple, lorsque nous utilisons les opérandes booléennes comme n, VSB effectue le booléen et l'opérateur sur deux valeurs. Il retourne true si, si seulement comme le premier opérande et le second opérande sont vrais, ce qui signifie que comme le premier opérande a et le second opérande B. Ok, donc ces deux sont vrais. Donc, notre sortie sera vraie ici. J' espère que vous comprenez maintenant. Ainsi, l'opérateur et est utilisé lorsque la condition doit être satisfaite. Espérons que vous comprenez maintenant supposons X, qui est supérieur à six, et nous utilisons n sinus ici. Et j'écris juste y, ce qui est égal à cinq. Donc, cela signifie que x doit être supérieur à cinq et y doit être égal à la condition cinq. Donc ici, cette condition devient vraie. Et le troisième exemple ici est comme si nous écrivons les deux opérandes ne sont pas nuls, alors la condition devient vraie dans un opérateur. Supposons qu'un ici je viens d'écrire
et de signer, et puis ici j'écris juste b. Donc maintenant cet opérateur sera vrai ici. D' accord ? J' espère que vous comprenez maintenant. Maintenant, nous en venons à l'exemple. Donc ici, j'écris juste la variable et la variable a, ce qui est égal à ici j'essaie, ok ? Et puis ici, j'écris juste cette variable et la variable B, qui est égale à false. J' espère que vous comprenez maintenant. Maintenant, ici, j'écris juste si variable et variable c, ce qui est égal à ici, j'écris juste que c'est une seule membrane. Je voulais juste donner un seul A2 ça, ok. Maintenant, vous pouvez voir. Tout d'abord, nous prenons les deux déclarations ici. J' écris juste le single et les ponts à cause de VR Juste pour créer l'opérateur OR et l'opérateur NOT aussi bien dans le même noyau. Maintenant, vous pouvez voir que je viens de monter un document. Et ici, il suffit d'écrire, document.write. Et puis ici, vous pouvez voir que je dois écrire cela d'abord, désolé, et d'abord je dois écrire que la valeur d'un, et ici j'utilise juste la valeur de p. Ok ? Maintenant, vous pouvez voir que c'est juste une instruction de sortie, et ici j'écris juste la logique ici. Supposons que notre résultat ici soit égal à, j'écris juste que a et E ici est l'enzyme qui est égale
à b. Et donc pour eux, c'est un signe de dollar et je dois écrire et signer avec ça. D' accord ? Vérifions juste que notre si vrai est vrai et b ici est faux. Alors, quelle sera notre production ici ? Et ici, je dois écrire ce document.write et document.write ici nous allons imprimer le résultat. D' accord ? Donc, cela va imprimer le résultat de cette expression ici, qui est le N logique Maintenant, ici, je dois écrire ce document et document point écrire peur ici. Et ici, je vais imprimer la variable C pour l'embryon unique. En général, si vous voulez imprimer, alors ok, si vous ne l'êtes pas, laissez-le. Maintenant, vérifions. Et ici. Et ici, nous avons la sortie. Donc, vous pouvez voir ici le que la logique et a et b ici est faux. Pourquoi c'est faux ? V, comment le point d'interrogation ici est pourquoi notre, Cette déclaration est fausse ici. C' est juste à cause d'ici que nous avons une déclaration vraie et une fausse déclaration. C' est pourquoi cette déclaration ici est fausse. Maintenant, j'écris juste les deux vraies déclarations ici. Allez dans le navigateur, actualisez ceci. Donc, vous pouvez voir ici par cette expression, ici est vrai. Espérons que vous comprenez maintenant comment cette logique et les opérateurs fonctionnent. Si vous voyez des portes logiques et comprenez la logique de l'opérateur logique. Donc, même est un concept ici dans les opérateurs logiques. Ici vous pouvez voir que nous étudions sur NOT et OR opérateur dans l'opérateur n ici. Vous pouvez voir qui est allé à offstage, ce qui signifie que vous avez la valeur ici est également hors 0 moyenne de N, une moyenne ici. Si l'une de vos valeurs est activée, cela signifie que c'est hors état. On dirait une affaire comme ça. Si les deux déclarations sont vraies ici, ce qui signifie que votre résultat sera ici vrai dans l'opérateur et. Voyons ici la valeur ici est tombe comme des chutes et tombe ici, ce qui signifie que tombe dans l'opérateur n. Une valeur ici est false et une valeur ici est vraie. qui signifie que cela est également tombe dans l'heure de l'opérateur n quand presque les cheveux est vrai et une autre valeur ici est fausse, ce
qui signifie que cela est également tombe ici. Si les deux valeurs sont vraies dans l'opérateur et et logique et opérateur, ce qui signifie que vous avez la vraie sortie ici. Venons juste à l'opérateur ou où les deux la déclaration, notre faute. Cela signifie qu'il s'agit d'une fausse déclaration. Si l'un d'eux est vrai ici, ce
qui signifie que c'est le vrai résultat, cas
similaire comme ça. Et si les deux cheveux de résultat sont vrais. Donc, cette déclaration est également vraie ici. Maintenant, revenons à la logique et dans la table de vérité, ajoutez le JavaScript aussi. Si vous avez les chutes est l'état. Donc, la sortie de cet état plié ici sera vraie. Et si vous avez l'état vrai, cela signifie que vous avez la sortie est fausse. C' est le contraire de votre déclaration dans l'opérateur n. Donc ce ne sont que des portes logiques n juste ici. Ok, j'espère que votre concept est beaucoup plus clair sur les opérateurs logiques et les portes logiques. Maintenant, voici un autre exemple de l'opérateur OR logique. Les opérateurs logiques ou exécutent le booléen ou les expressions sur ses deux opérandes. Si l'un des deux opérandes est vrai, il renvoie des valeurs vraies. Si les deux opérandes sont false, il retournera la valeur false. Un exemple très simple de cela vous aide à comprendre maintenant, supposons que l'opérateur OR est utilisé. L' une des conditions rencontrées doit être vraie. Comme je viens de te le dire. Supposons que si nous avons la valeur ici est égale à quatre. Ici, je viens de monter OU opérateur. Et puis EST décrit si y, ce qui est égal à si y qui est inférieur à trois ici. Donc, cela signifie que la condition est vraie lorsque le x est, doit être lorsque le x est égal à cinq, ou y est inférieur à trois. Alors ici, quelle sera la sortie ? Vérifions. Maintenant. Je vais vous en parler. Les deux autres valeurs, supposons v, comment les valeurs ici sont dix et une autre valeur ici est 20. D' accord ? Ici, j'écris juste un opérateur r si l'un des deux opérandes ne sont pas nuls. L' autre déclaration ici, alors nos conditions deviennent vraies. Donc, vous pouvez voir ici nos deux valeurs sont non nulles, donc notre résultat ici est vrai. Allons à l'exemple ici, et je vais vous dire à ce sujet, que comment nous pouvons écrire l'exemple sur les opérateurs logiques. Ici, vous pouvez voir que je viens de définir une variable, une autre variable ici, ok ? Et si vous voulez travailler là-dessus, il s'agit
donc d'un aperçu. Ici. J' écris juste la variable x, qui est égale à, je vais juste écrire N. Et puis nous avons la variable y, qui est égale à la vue six. D' accord ? Ici, j'écris ça. Ceci est document et document.getElementById ou vous avez écrit document.write. C' est juste pour votre compréhension que vous pouvez travailler avec ces deux instructions de sortie. Ici, je viens d'écrire cet opérateur logique ou logique. D' accord ? Et voici, c'est ça, c'est une déclaration HTML point intérieur, ok ? Maintenant, vous pouvez voir ici d'abord, j'ai écrit que si x, qui est égal, égal à quatre, ok ? Et puis ici, je viens d'écrire et opérateur, désolé, ou opérateur. Et là, j'ai dit y, qui est égal, égal à trois. D' accord ? Alors, quelle sera notre production ? Et ici, c'est juste là. C' est juste un saut de ligne juste ici. Et puis voici écrire le signe de concaténation. D' accord ? Maintenant, je copie juste cette déclaration et je lance juste plusieurs types d'instruction sur cela. Maintenant, vous pouvez voir que ici je viens écrire si notre valeur ici est dix et notre autre valeur ici est 0. Alors, quelle sera notre production ? Ensuite, nous avons ici, supposons que notre valeur ici est 0 et une autre valeur ici est supposons six. Alors, quelle sera notre production ici ? D' accord ? Et puis ici vous pouvez voir que si notre, cette valeur ici est dix et une autre, et une autre valeur ici est six. Alors, quelle sera notre production ? Donc, ici vous pouvez voir qu'au premier stade, nous avons les deux valeurs différentes. Ensuite, nous avons la valeur dix, puis c'est 0 et c'est 0 ici, et c'est la valeur six ici. Et puis nous avons les mêmes valeurs de sortie ici, ok ? Et puis fermez le score. Maintenant, allez simplement dans le navigateur et vérifiez cette déclaration. Donc, premièrement, nous devons sauver cela. Et puis vous pouvez voir. Donc, avant d'exécuter cette sortie, j'oublie juste une chose ici pour vous montrer, les xi sont essayés ici où j'ai essayé ID et ID ici est l'opérateur OR logique. Et puis ici, j'ai divulgué le score. Maintenant, je vais lancer cette sortie dans la section du corps juste ici. Et vous pouvez le voir ici, notre premier rendez-vous. Vous pouvez voir cela faux, vrai, vrai et vrai. D' accord. Pourquoi c'est faux. Au premier stade, vous pouvez voir ici v, comment les deux fausses déclarations, ce qui signifie que tombe dans l'opérateur OR logique. Si l'un d'eux est vrai. Vous pouvez voir que c'est une déclaration vraie et c'est la chute de la déclaration, qui signifie que nous avons la déclaration la plus vraie ici. Alors ici, vous pouvez voir que la même chose est le cas comme une heure morte. Une de la déclaration ici est soignée. C' est donc faux et vrai, qui signifie que cette déclaration est vraie. Et ajouter le dernier que nous avons les deux, les deux déclarations vraies et vrai et vrai ici dans le vrai dans logique ou opérateur. J' espère que vous comprenez maintenant. Donc, à travers l'opérateur OR logique est le plus souvent utilisé simplement comme le booléen ou l'opérateur. Genre. Ou l'opérateur a un comportement plus complexe. Et il commence par évaluer son premier opérande, l'expression sur son côté gauche ou sur son côté gauche, si la valeur de ce premier opérande est vraie en quelque sorte comme des circuits et qui est retourné que les vraies valeurs sans jamais en élevant les expressions sur le côté droit. Comment je vais vous dire, supposons que nous allons vérifier les expressions du côté gauche. D' ici. Si logique ou opérateur, bien ici, la valeur true. Donc, cela ne vérifiera pas cette expression ici. Et cela ira simplement au résultat et cela nous montrera le résultat juste ici, vrai. Si le résultat de l'opérateur logique tombe ici, alors cela passera aux expressions suivantes. Vérifiez que c'est vrai ici. Donc, puis cela nous montrera le résultat juste ici. Si les deux valeurs sont fausses. Donc, d'abord, cela va se déplacer avec ces expressions,
puis, puis il prendra la décision que le tombe ici. Espérons que votre concept est très clair sur l'opérateur OR logique. La connaissance est venue à la logique, pas la logique, pas le signe ici n'est pas signe. Cet opérateur est l'opérateur unitaire. Il est placé devant un seul opérande. Le but de cela est, en termes, la valeur booléenne de son opérande. Par exemple, notre valeur de x ici est vraie. Donc, cela va vers l'intérieur ou qui va inverser cette valeur pour les chutes. Et si notre valeur ici est fausse car cela convertira cette valeur en vrai ici. C' est donc le concept simple de l'opérateur logique NOT. Passons à l'exemple de cet opérateur logique NOT. Ici, obtenir l'exemple des valeurs vraies et fausses. Et vous pouvez voir les cheveux. Je viens de copier ça. Et ici, je change juste cette largeur, pas OK. Viens ici. Vous pouvez voir que je dois écrire le résultat. Et tout d'abord, je vais vérifier ce résultat sur puis opérateur. Donc ici, je n'écris rien sinus. Et puis ici, j'écris juste si a et a et b valeurs ici. Ok, je viens de dire que ces deux valeurs sont vraies. Et si a et B ici sont vrais, alors comment cette vraie valeur que nous allons faire par faire tombe par cet opérateur logique NOT. Maintenant, ici, j'ai le droit logique, désolé, document dot écriture, et juste ici est un résultat. Ok. Vous pouvez voir ça. Maintenant, allez simplement dans le navigateur et actualisez ceci. Vous pouvez voir ici que V, Comment les états a et b sont vrais. Donc, notre sortie ici est également vraie. Vous pouvez voir que dans cet exemple que nous avons cette sortie de valeur ici est vraie. Donc, avec l'aide de cet opérateur pas, nous faisons cette sortie comme le faux. Donc, c'est juste un travail hors de l'opérateur logique NOT. Donc, comme je vous dis juste que l'opérateur NOT logique est utilisé lorsque le, la valeur ici est vraie. Et si vous voulez faire de cette valeur la fausse, d'accord ? Supposons donc que nous ayons l'expression comme non, x est inférieure ou supérieure à cinq. Donc, si notre cette valeur est vraie, donc par défaut, cet opérateur ne fera pas cette valeur car la tombe ici. Espérons que votre concept soit beaucoup plus clair. Et maintenant, avec les opérateurs logiques en JavaScript, si vous trouvez l'un des problèmes et n'importe quel point de ne pas comprendre dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
14. Opérateurs de comparaison Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de l'opérateur relationnel ou de compressions ou des expressions dans le JavaScript. Ces types d'opérateurs testent pour notre relation, comme est égal à moins ou la propriété de entre deux valeurs. Et qui est retourné le résultat dans le vrai ou faux, qui dépend de l'existence ou non de cette relation. Opérateur relationnel toujours, j'attendrais une valeur booléenne. Et cette valeur est souvent utilisée pour contrôler le flux de l'exécution de votre programme, comme lorsque vous utilisez simplement l'instruction ifStatement while ou l'instruction for. Donc, vous devez utiliser cette relationnelle ou les compressions sur. Un opérateur de compression compare son opérande et renvoie la valeur logique selon que cette compression est vraie ou non. L' opérande peut être numérique, est chaîne, logique ou valeur de l'objet est chaîne lorsque vous utilisez juste une chaîne ici. Ainsi, les chaînes sont comparées en fonction de la Lexi standard, ordre
lexicographique en utilisant les valeurs Unicode. Dans la plupart des cas, si les deux opérandes ne sont pas du même type, JavaScript tente de les convertir et d'apprécier les types de compressions. Et ce comportement déserte généralement en comparant les opérandes numériquement. Ok, alors voyons comment nous pouvons utiliser l'opérateur de compressions dans notre exemple. Une autre chose, je vais vous dire que si la valeur de cinq ici, supposons a qui est égal à cinq, et b qui est égal à 20. Maintenant, vous devez comprendre, vous devez mieux comprendre cette logique ici. Tout d'abord, nous allons vérifier l'opérateur de compressions entre l'égal à, comme je viens de vous le dire, quand vous écrivez juste égal à unique, supposons un qui est égal à cinq. Cela signifie que vous affectez la valeur à un, qui est cinq. Lorsque vous écrivez juste a qui est égal, égal à b, ce qui signifie que vous comparez a avec B avec ces deux est égal à sinus. Maintenant, vous pouvez voir que nous avons la valeur E ici est cinq, et la valeur b ici est 20 ici. Alors, ici quelle sera la sortie ? La sortie ici est fausse juste à cause de cinq n'est pas égale à 20 sauts. Vous comprenez maintenant, maintenant nous allons vérifier l'une l'autre déclaration ici, qui est un, signifie cinq n'est pas égal à b ou 20. Donc, ici, nous avons cette déclaration est vraie ici. Puis ici, j'écris cinq est supérieur à 20. Donc, c'est aussi tombe ici. Donc ici vous pouvez voir que je compare a avec B, que si a est égal à B, le résultat sera, alors H n'est pas égal à B. Quelle sera notre sortie n Si a est supérieur à b. Alors quelle sera notre ope ? Maintenant, vous pouvez voir que je dois écrire que a qui est inférieur à B, ou a, ou cinq qui est inférieur à 20. Donc, cette déclaration ici est vraie. Donc, vous comprenez maintenant, ou vous devez écrire a qui est supérieur ou égal à b, ou a qui est inférieur ou égal à B. Donc, nous travaillons sur ces types d'exemples ici. Voyons juste voir. J' ai droit sur ma balise de script juste ici. Donc c'est une balise de script et je vais juste fermer cette balise de script ici. Tout d'abord, il en est de même de notre exemple diagramme. J' écris juste e, ce qui est égal à cinq. Et puis ici, j'écris juste la variable B qui est égale à 20. D' accord ? Maintenant, j'ai écrit ce document. C' est donc un petit document. Et point de document ici, je dois écrire ce document.write. Et ici, vous pouvez voir que j'écris juste que a qui est égal, égal à b. C'est nos premières expressions, ok ? Où nous comparons ces valeurs. Et vous pouvez voir ici, j'écrirais ça. Supposons V, comment une autre variable, qui est le résultat. Et le résultat ici est que vous pouvez dire a qui est égal, égal à b. Donc voici ce que je viens de dessiner ici. Donc vous pouvez voir que je compare un qui est égal à b, non ? Harish signifie et cinq, qui est égal, égal à 20. Donc, nous verrons ce que sera notre production. Donc ici, j'avais raison, que ce est document et document point écriture. Et ici, je fais juste pause le résultat juste ici. D' accord ? Maintenant, vous pouvez voir que je viens de vérifier la sortie pour ce code et exécuter sur le navigateur. Donc, vous pouvez voir ici que cinq, ce qui est égal, égal à 20. Comme je viens de vous dire que c'est le cas, les chutes sont emmène-moi ici. Espérons que oui. Vous comprenez maintenant. Maintenant, ici, après cela, je dois écrire ce document et document point écrire. Et ici, je dois écrire aussi simple. Ou vous pouvez dire qu'ici je crée juste la variable c et c, ce qui est égal à je dois écrire un seul saut de ligne parce que nous exécutons l'instruction multiple est juste ici. Donc, je vais lui donner une seule pause LAN ici. D'accord ? Maintenant, vous pouvez voir que nous passons à l'un, une autre expression juste ici. Donc, j'ai juste copié ce code ici et collé ce code ici. Donc ici, à ce stade, j'ai essayé que a qui n'est pas égal à B, ok ? Et vous pouvez voir qu'ici je viens d'écrire ce E, ce qui n'est pas égal à b ici. Laissez-nous vérifier la sortie. Donc, vous pouvez voir ici cinq n'est pas égal à 20. Donc, cette déclaration ici est vraie. J' espère que votre concept est clair maintenant. Maintenant, vous pouvez voir qu'ici je dois écrire une autre déclaration. Supposons a qui est inférieur à b. Et ici nous avons aussi monter a qui est inférieur à B. Alors ici vous pouvez voir que j'ai raison, que a qui est plus grand que b et vu comme un cas comme ici, a qui est plus grand que B. Donc, ce n'est qu'une instruction de sortie. D' accord ? Alors ne le confondez pas ici. Et vous pouvez voir ce document.write à nouveau. Et ici, nous avons écrit que a qui est supérieur à b et semble un cas comme ici, a qui est également plus grand que B. Novae, comment exécuter
une autre déclaration, a qui est inférieure ou égale à, et qui est inférieure à ou égal à et ajouter la perte. Nous allons écrire ce e, qui est supérieur ou égal à. Et ici, vous pouvez voir qu'un qui est plus grand que sont égaux à. Laissez-nous exécuter ces déclarations ici. Donc, vous pouvez voir ici, j'écris juste e qui est égal à cinq, et b qui est égal à 20. D' accord ? Au premier stade, vous pouvez voir que a qui est égal, égal à b. Donc, cette déclaration ici est fausse. Ensuite, nous devons écrire ce cinq, ce qui n'est pas égal à 20. Donc, cette déclaration ici est vraie. Ensuite, vous pouvez voir qu'un qui est inférieur à v. Alors v, comment cette déclaration est fausse ici. Et vous pouvez voir que a, qui est plus grand que b, qui est aussi tombe ici. D' accord ? Donc nous avons fait deux déclarations ici, d'
accord, ce qui est plus grand que désintégré. Ensuite, vérifions cette déclaration. Et vous pouvez voir que e, qui est inférieur, inférieur et supérieur à, et supérieur à. D' accord ? Et je dois supprimer cela, exécutez ce code à nouveau. Donc, vous pouvez voir ici si a est supérieur à B, donc c'est une fausse déclaration, est inférieure ou égale à b. Donc, vous pouvez voir que c'est une vraie déclaration
ici et vu comme un cas comme a qui est supérieur ou égal à b. Donc, nous avons la fausse déclaration juste ici. C' est ainsi que nos compressions ou les opérateurs relationnels fonctionnent dans le JavaScript. Espérons que vous comprenez et que votre concept est très clair sur cette logique. Si vous ne comprenez pas l'une des plantes ici. Alors s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
15. Créer des méthodes dans Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la boîte de dialogue d'alerte en JavaScript, ou de la fonction d'alerte ou de la méthode dans le JavaScript. Méthode d'alerte dans le JavaScript, qui est d'afficher une boîte de dialogue d'alerte avec un message spécifié et un bouton OK. Il est souvent utilisé pour s'assurer que les informations ont été transmises à l'utilisateur. La boîte d'alerte ou la boîte de dialogue d'alerte, retirez le focus de la fenêtre active et focalisez ou force les navigateurs à lire le message. Et vous devriez éviter d'utiliser trop cette méthode car elle empêche l'utilisateur d'accéder à d'autres parties de la page jusqu'à ce que la boîte soit fermée. Ça t'aide à comprendre maintenant. Voyons maintenant que comment nous pouvons utiliser cette boîte de dialogue d'alerte dans notre noyau. Tout d'abord, vous pouvez voir ici que je crée juste un bouton juste ici. D' accord ? Et c'est notre bouton. Bouton ici est que je viens de dire ce bouton dans le onclick. Ok. Et ici, j'écris juste ça une boîte d'alerte. Je laisse juste cela sur la méthode click car ici je
colle juste la fonction où je viens de créer dans cette balise de script. Maintenant, ici, je crée juste une fonction. Donc, je crée juste une fonction avec un petit f. Nous allons en apprendre davantage sur les fonctions plus tard dans nos conférences aussi. Et ici, je viens d'écrire ceci est la fonction d'alerte. D' accord ? Donc, je vais vous dire la définition des fonctions que quelle est la fonction exactement ? Je parle de ce mot-clé de fonction, ok ? Une fonction est un groupe de code réutilisable qui peut être appelé n'importe où dans votre programme. Cela élimine le besoin d'écrire le même code encore et encore. Il aide le programmeur à écrire du code modulaire. Les fonctions permettent aux programmeurs de diviser un gros programme dans le petit nombre de pogroms, ce qui est gérable, facile. Comme tout autre langage de programmation avancé, Java script prend également en charge toutes les fonctionnalités nécessaires pour écrire du code modulaire. Utilisation de la fonction. Vous devez avoir des scènes, les fonctions comme alerte. C' est notre première fonction où j'utilise juste ici, qui est Elor. Ensuite, nous avons aussi les bonnes fonctions. Donc, nous allons utiliser ces types de fonction aussi, comme invite, une alerte, confirmation. Alors voici notre sujet et je vais vous parler de la boîte de dialogue Deller. Donc, pour écrire le message d'alerte, je dois écrire le mot clé alerte. Et ici, je vous montre juste le message que bonjour, vous apprenez Java Script. Ok, et je viens de fermer le score avec un point-virgule. Maintenant, vous pouvez voir que ce n'est que la déclaration d'une fonction. Et maintenant, j'appelle juste ces fonctions dans onClick. J' espère que c'est beaucoup déroutant pour vous parce que V rien n'a déjà étudié les fonctions. Mais faites, faites juste votre concept ici parce que la fonction est très facile. Je vais vous parler de la, une partie de l'explication diagrammatique de la fonction où vous pouvez voir que supposons v, comment les grands programmes ici, qui est le système LMS, qui est l'apprentissage Système de gestion, un exemple très courant. C' est toute notre fonctionnalité. Si vous voulez diviser cette fonctionnalité dans ce petit programme. Alors supposons v, comment trois modules ici dans ce système LMS, qui est d'abord enseignant est Turin et l'administration. Donc, vous pouvez voir ici, je viens de diviser ce grand programme et aux trois est de petits modules. Vous pouvez voir que c'est en fait les fonctions font et VR réutilisables ce professeur fonctions, ce sont les fonctions de l'étudiant dans cette fonction d'administration sont plusieurs fois. Au lieu d'écrire notre code encore et encore. Un exemple simple des fonctions ici. Comme une fois, je déclare juste ce message d'alerte, donc je n'écrirai pas ce message d'alerte encore et encore. J' écris simplement le nom des fonctions. Donc, notre code entier sera exécuté dans ce bouton ou toute autre fonctionnalité. C' est le concept de réutilisabilité. J' espère que vous comprenez maintenant. Maintenant, allons au navigateur et vérifions la sortie. Ok, ici vous pouvez voir que l'un des boutons est créé juste ici avec le nom de la boîte Alerte quand il suffit de cliquer sur ce bouton. Donc, vous pouvez, nous avons une erreur ici parce que notre fonction ne fonctionne pas et qui ne montre pas la sortie d'affichage. Et juste à cause d'ici, ces parenthèses
nous manquent. Maintenant, exécutez à nouveau. Et vous pouvez voir ici que quand je clique juste sur ce bouton, donc un message de boîte de dialogue m'apparaît, qui est un message d'alerte sur le site, qui est bonjour, vous apprenez le script java juste ici. Espérons que vous comprenez maintenant et ce concept, c'est beaucoup plus clair pour vous. Ok, donc la méthode d'alerte, comme je viens de vous le dire dans le JavaScript, qui affiche la boîte d'alerte. Et c'est affichage que j'ai spécifié message avec le bouton OK. Vous pouvez voir que je parle de ce bouton OK. Et ceci est généralement utilisé pour s'assurer que l'utilisateur obtient les informations et il retourne la chaîne qui représente le texte avec l'affichage dans la zone d'alerte. D' accord ? C' est ainsi que fonctionne notre boîte de dialogue d'alerte ou notre fonction d'alerte. Alert est une base intégrée fonctions. Et vous pouvez voir ici ce n'est qu'un mot-clé. D' accord ? Et nous allons en apprendre davantage sur les fonctions dans des conférences séparées aussi. Donc vous, ce concept est clair pour vous les gars. Et si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
16. prompt Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la boîte d'invite. Après avoir appris une boîte d'alerte, nous devons passer à la boîte d'invite juste ici. Une boîte d'invite est souvent utilisée si vous souhaitez que l'utilisateur saisisse une valeur avant d'entrer une page. Lorsqu' une boîte d'invite apparaît, l'utilisateur devra cliquer sur OK ou sur Annuler pour continuer après avoir entré une valeur d'entrée. Si l'utilisateur clique sur le bouton OK, l'invite de méthode de fenêtre renvoie la valeur Inter de la zone de texte. Si les utilisateurs cliquent sur Annuler, la méthode Windows vous invite à retourner aucun ici. Voyons comment nous pouvons travailler avec elle. Au début. Comme vous pouvez le voir ici, que je crée un formulaire. Et le formulaire ici est que je crée juste un champ de saisie. Champ d'entrée J'ai écrit ce champ d'entrée ici est le bouton. Ensuite, nous écrivons la valeur. Et la valeur ici est que je dois écrire ça. Cliquez sur moi. D' accord ? Et puis ici vous pouvez voir que je dois fermer ce code ici. Maintenant, ici vous pouvez voir que je dois écrire que c'est juste en fonction ici. Et la fonction ici sont les fonctions rapides, ok ? Maintenant, vous pouvez voir qu'à l'intérieur de cette fonction, j'ai d'abord écrit une variable. Variable ici est que vous pouvez voir que j'ai lu la valeur ou vous pouvez dire quoi que ce soit, je dois écrire cela. Supposons, invite, ok. Mais ici, je crée juste une valeur ici où vous pouvez voir que je dois utiliser prompt comme mot-clé. D' accord ? Et ici vous pouvez voir que entrez votre nom. D' accord ? Et là, vous pouvez voir que j'ai dû monter une autre chaîne, qui est le nom juste ici. Voyons maintenant que j'ai écrit qu'un document point écrire. Et vous pouvez voir le document.write. Et ici, vous pouvez voir que vous avez à son tour. Et puis ici, je concaténe juste la valeur de cette invite, ce que vous écrivez dans ce champ de texte juste ici, ok ? Maintenant, vous pouvez voir que notre balise de script est complète ici. Maintenant, ici, j'ai écrit ce onclick. Et cet onclick ici est égal à 2p, non ? Demander ici. Donc vous comprenez maintenant que j'appelle simplement la méthode ici. Tout d'abord v, comment l'entrée de type, qui est le bouton, puis la valeur sur ce bouton ici est cliquez sur moi. Et puis nous devons exécuter sur la méthode click, qui est égal à notre nom de fonction ici. Le concept obscur est beaucoup plus clair maintenant. Maintenant, vous pouvez voir que j'ai exécuté ce code. Et vous pouvez le voir quand je clique juste sur ce bouton juste ici. Vous pouvez donc voir que nous avons trouvé un message d'erreur ici, et nous devons effacer ce message d'erreur. L' erreur ici est que vous pouvez voir que nous allons juste à la technologie et oui, ok. Ceci est rapide. Nous n'utilisons pas l'invite comme un nom de fonction ici juste à cause des cheveux, vous pouvez voir que v, comment invite, tel que défini comme le mot-clé. Maintenant, vous pouvez voir que j'ai de bons trombones. Peut-être que votre concept est clair sur l'invite, que cette invite est le mot-clé et que nous n'utilisons pas le mot-clé ici comme nom de fonction. Enregistrez ce code, allez dans le navigateur, actualisez-le, et vous pouvez cliquer sur, Cliquez sur moi. Ici. Ce n'est qu'un champ de nom. Vous pouvez voir que c'est le nom juste ici. Donc ce nom nous est montré juste ici. D'accord. Maintenant, vous pouvez voir que je viens d'aller au navigateur, actualiser cela, cliquez sur moi, et ici je viens d'écrire cela. C' est le funky. Je clique juste sur ok. Donc ici vous pouvez voir que vous êtes entré funky ici. Encore une fois, actualiser, cliquez sur moi. Mec, je clique sur Annuler. Donc, vous pouvez voir ici vous avez entré la valeur nulle comme je viens de vous dire au début
du programme que lorsque vous écrivez simplement votre nom ou quoi que ce soit dans le champ de texte, vous pouvez obtenir la sortie. Et si vous n'écrivez rien, sorte que vous pouvez obtenir la valeur nulle. Espérons que votre concept est beaucoup plus clair sur la méthode prompt dans le JavaScript. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
17. Javascript confirme: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de méthode
de la boîte de dialogue de confirmation en JavaScript. Le scénario ici est parfois que vous devez
prendre la confirmation de l'utilisateur pour passer à l'étape suivante. Par exemple, vous souhaitez prendre les conformations utilisateur avant d'enregistrer les données mises à jour ou de supprimer les données existantes. Dans ce cas ou dans ce scénario, nous utilisons JavaScript fonction intégrée, qui est de confirmer, confirmer la fonction, afficher un message contextuel aux utilisateurs avec deux boutons, qui sont OK et Annuler. Et vous pouvez vérifier sur quel bouton l'utilisateur doit cliquer et procéder en conséquence. Donc, si les utilisateurs cliquent sur le bouton OK, la méthode de fenêtre qui est confirmée, retournera la valeur vraie. Si les utilisateurs cliquent sur le bouton Annuler, alors la confirmation renvoie fausse valeur vous aide à comprendre maintenant. Maintenant, nous allons passer à l'exemple de cela. Ici, comme vous pouvez le voir, tout d'abord, j'ai dû créer la fonction et la fonction ici. Supposons que je viens d'écrire le nom de la fonction ici est bonjour. D' accord ? Maintenant, après cela, vous pouvez voir qu'ici je viens d'utiliser confirm comme mot-clé, qui est une méthode, ok. et ici je viens d'écrire. Veuillez appuyer sur n'importe quel Burton pour continuer. D' accord ? Et puis un code le plus proche ici. Maintenant, ici, notre, cette logique est confirmée est un mot-clé. Notre nom de fonction ici est bonjour. Maintenant, ici, je crée juste un bouton pour afficher cette fonctionnalité ici, où je viens de créer un bouton sur la méthode click. Et ici, vous pouvez voir que je dois passer ce nom de fonction hello. Et voici, droit que cliquez sur moi pour confirmer. Ok, maintenant ici vous pouvez voir que je dois aller au navigateur, va grandir. Et ici vous pouvez voir que cliquez sur moi pour confirmer. Lorsque je clique simplement sur ce bouton, notre boîte de dialogue s'affiche,
qui est la boîte de dialogue de confirmation ou la boîte de dialogue de conformations. Alors que je vous dis juste que vous trouvez deux options ici, quatre, OK, et Annuler. Je vous dis juste que si les utilisateurs vont appuyer sur le bouton OK, la méthode de la fenêtre de confirmation retournera true. Et si l'utilisateur appuie sur le bouton Annuler, alors la confirmation renvoie faux résultat. C' est donc notre message ici. Vous pouvez voir ça. Et quand je clique juste sur ce bouton OK. Vous pouvez donc voir ici cette boîte de dialogue a disparu et nous passons à l'étape suivante après cela. C' est juste notre fonctionnalité comme ça. Et quand vous cliquez simplement sur annuler, donc cela signifie que cette confirmation de la matière
nous renvoie la valeur que les chutes et vous êtes sur la même page. Espérons que votre concept est beaucoup plus clair sur la boîte de dialogue de confirmation mesurée en JavaScript. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
18. Javascript si vous avez des résultats: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous passons par les instructions contrôlées en JavaScript. Où, dans cette conférence, nous nous sommes concentrés sur la déclaration if. Mais je vais vous en dire plus sur l'organigramme et l'énoncé if. Lors de l'écriture d'un programme, il peut y avoir des situations où vous devez en adopter un sur un ensemble donné de pot. Dans de tels cas, vous devez utiliser les instructions conditionnelles qui permettent à
vos programmes de prendre les bonnes décisions et d'effectuer la bonne action. Javascript inclure si d'autre conditions prennent doivent contrôler le flux
du programme similaire à d'autres langages de programmation. Ici v, comment si condition, si d'autres conditions et si les conditions. D' accord ? Maintenant, vous pouvez voir que je vais vous dire tout d'abord que comment nos programmes circulent dans le if, else if déclaration. Voyons juste ici que je suis juste en train d'écrire les organigrammes pour vous les gars, qui est ce signe de cercle signifie que votre programme est, prendre, commencer à partir de ça. Puis après ça, vous comment certains types de condition, accord ? Les conditions le seront. Supposons que si a est supérieur à cinq ou si a est inférieur à dix, ok ? Ou quelque chose comme si h est égal, égal à cinq sauts, vous comprenez maintenant que la condition est n'importe quoi, n'importe quelle logique, vous pouvez appuyer ici. Ensuite, vous pouvez voir ici, si vous êtes programme écrira les mêmes conditions. Supposons que a0 soit supérieur à cinq. Supposons que la valeur de E ici est dix, alors vous êtes le flux de programme sera facilement à l'étape d'arrivée. Donc vous pouvez voir ici que c'est notre J'ai fini. Ensuite, après avoir vérifié cette condition, supposons un qui est supérieur à cinq et la valeur d'un ici est dix. Donc, notre programme va couler comme ici, qui va d'abord vérifier la condition, puis cela vérifiera le code de condition juste ici, et ensuite cela exécutera le résultat pour nous. Espérons que vous comprenez maintenant à l'intérieur
si les déclarations, si votre résultat est faux, supposons que je viens d'écrire que deux qui est supérieur à cinq, ou deux qui est inférieur à cinq. D' accord ? Deux, c'est moins de cinq. C'est une vraie déclaration. Et si T2 est supérieur à cinq, c'est
donc la forme de la déclaration. Si sur cette déclaration ici est faux. Donc, le flux de programme va aller aux chutes et tout simplement que nous allons passer à l'onglet des finitions et ne
nous avons pas montré le résultat juste ici juste à cause d'une déclaration if, nous nous sommes concentrés uniquement sur la condition juste ici. Nous ne nous sommes pas concentrés sur la condition d'autre. Espérons que votre concept est beaucoup plus clair maintenant que vous pouvez voir qu'une déclaration if, nous prenons le début du programme. Ensuite, nous allons vérifier cette déclaration. Si notre déclaration e, qui est supérieure à cinq, supposons que deux soit supérieure à cinq, ce qui est notre fausse déclaration ici. Si cette instruction est fausse. Donc ici, vous pouvez voir que notre programme sera. Directement passer à l'étape d'arrivée et ne pas nous montrer aucune de la sortie. Et si cela est tapotez est vrai, donc cela va simplement passer à l'étape suivante, vérifier le code de condition, puis aller à l'état fini ici. espère, c'est clair maintenant. Maintenant, vous pouvez voir que nous allons discuter de la déclaration if. Donc, si une instruction est l'instruction de contrôle fondamentale qui permet à
JavaScript de prendre les décisions et d'exécuter l'instruction conditionnellement. Comment vous pouvez voir que supposons que nous ayons cette balise de script. À l'intérieur de la balise script. Tout d'abord être comment l'instruction
if, si voici le mot-clé. Rappelez-vous que lorsque vous écrivez simplement le if, donc, si signifie ce mot-clé, alors vous avez les expressions juste ici. Quelle est l'expression ? L' expression est n'importe quoi. Supposons que E soit supérieur à cinq, a est supérieur à dix et est inférieur à dix, ou a qui est
égal, ou a qui est
égal,égal ou supérieur ou égal à un zéro égal à dix. Et vous avez les chiffres. Donc, un est juste notre condition ici. Donc, ces expressions ici sont des conditions. Ensuite, vous devez courir avec ces supports bouclés. Ensuite, vous devez écrire votre code de déclaration ici. Maintenant, je vais lancer ça dans votre, faites-vous les gars dans l'organigramme, où vous pouvez voir qu'ici notre programme va commencer. Vous pouvez voir que d'ici notre programme est en train de commencer. Ensuite, vous pouvez voir que nous avons ici la déclaration if et vous pouvez voir ici nous avons une déclaration if et la condition. Et puis nous avons la déclaration de bloc Office ou bloc de code. Après ce bloc d'autre. Si cette condition est vraie, alors notre flux de programme passera à cette condition. Supposons n'importe quel code ici. Et puis nous aidons. La finition est l'onglet juste ici. Si nos programmes fonctionnent correctement comme un qui est égal à cinq, ce qui signifie cinq qui est égal à cinq heures état de marche d'escalier ici est vrai. Donc, ce programme se déplacera facilement si notre, ce programme est faux. Ce qui signifie qu'à la place d'Avie comment les deux, SO deux, ce qui n'est pas égal à cinq. Donc, notre flux de programme sera directement aller à la fin et ne pas nous montrer le taux de réserve ici. Espérons que vous comprenez maintenant ici, vous pouvez voir Javascript ou l'expression Java est évaluée. De là, vous pouvez voir que l'expression JavaScript est évaluée si la valeur résultante est vraie. Donc, la déclaration Galen is sont exécutés. Et la plupart du temps, vous utiliserez comme opérateur de
compressions tout en prenant ces décisions. Et si une déclaration est fausse, alors aucune déclaration ne serait exécutée ici. D' accord. Voyons l'exemple de codage, n'est-ce pas ? Espérons que votre concept est beaucoup plus clair sur la déclaration if ici. Maintenant, vous pouvez voir que je cours l'instruction if. Donc, si voici un et un qui est supérieur à 0, c'est notre déclaration ici. Vous pouvez voir que c'est notre expression. C' est le mot-clé, et maintenant je suis juste en train d'exécuter le bloc de code. Supposons que je suis juste en train d'exécuter la commande alert. Et alerte ici est, j'écris juste que cinq, c'est, désolé, H est supérieur à cinq. Donc ici, vous pouvez voir que cinq est supérieur à dix. D' accord ? Vous pouvez voir ça. Alors, c'est quoi les cinq ? Donc cinq est notre déclaration si juste ici. D' accord ? Maintenant, vous pouvez voir que je viens de vérifier ce code. Donc, ici vous verrez que nous n'avons trouvé aucun de l'opérateur. Juste à cause d'ici, nous ne définissons que notre déclaration if. Maintenant, je ne fais que définir le numéro deux. Cochez cette case si l'instruction est vraie ou non. J' écris juste une variable et une variable V, ce qui est égal à ici, j'écris juste ce 2pq. D' accord ? Maintenant, vous pouvez voir que quand je viens de lancer ce noyau, alors sauvegardez ceci et vous pouvez le voir. Et vous pouvez voir ici que je suis en train de décrire, supposons document et document.write. Ici, je vous montre juste la sortie sur votre Kim document.write. Et ici, j'ai écrit ça. Supposons le résultat de l'instruction if. D' accord ? Et puis ici, je dois clore cette déclaration juste ici. Ici vous pouvez voir que notre Cette déclaration est fausse. C' est pour ça que nous n'avons eu aucun résultat. Comme vous pouvez le voir, vous pouvez le voir ici, nous n'avons eu aucun résultat ici. Maintenant, quand je viens de lancer ce code, désolé, d'abord, nous devons sauver ceci, et ensuite nous devons exécuter le score. Donc, comme vous pouvez le voir, mon Ce programme ne me montre pas la sortie. Juste à cause d'ici. Je dis juste la logique. Tout d'abord, vous pouvez voir commencer ici le, comment, la déclaration conditionnelle, vous pouvez le voir. Donc, ici, nous avons la condition qui est un est égal à deux n. Notre déclaration ici est, est supérieure à cinq. Si nous appuyons sur la valeur ici est cinq. Donc, ce programme ne nous montrera pas le résultat aussi. Donc, ici, nous avons la fausse valeur et le flux du programme ira directement à l'état des finitions. Et cela montre comme aucune recherche juste à cause d'ici, nous ne travaillons avec si une déclaration. Je répète encore et encore, ce concept juste à cause de la nécessité, ce concept dans les prochaines conférences à venir. D' accord ? Maintenant, vous pouvez voir que je n'en fournit que cinq. Juste à cause d'ici, vous pouvez voir que c'est 55, donc cinq n'est pas supérieur à cinq. Donc, cette déclaration n'est pas vraie ici, alors que nous écrivons seulement six au lieu de cinq ici,
parce que six, c'est plus que cinq. Alors vérifions notre sortie en ce moment. Donc, tout d'abord, v, comment la commande alerte, qui est en cours d'exécution ici, qui est cinq, est supérieure à dix. D' accord ? Et puis vous pouvez voir que je viens d'appuyer sur, ok, donc V, Comment le résultat de la déclaration if. Donc maintenant notre code fonctionne ici, et cela nous montre le bon résultat. Donc ici, à partir d'ici, nous commençons ici qui vérifiera la condition si cette condition est conforme ici. Donc ça va nous montrer le corps de base. Sinon, cela se déplacera directement à l'état
des finitions et ne nous a montré aucun résultat ici à l'intérieur de cette instruction if. Semaine des espoirs, ce concept est beaucoup plus clair maintenant. Maintenant, c'est notre première déclaration. Maintenant, nous exécutons une autre déclaration ici, qui est, supposons que e, qui est inférieur à cinq. C' est pour votre meilleure compréhension qui est venu. Et ici, j'écris simplement ce message d'alerte. Et le message d'alerte ici est Bonjour. Ceci est pour vérifier la condition. Ok. Et le code le plus proche ici. Rafraîchissez ceci. Et vous pouvez voir là d'abord l'instruction est exécutée, et c'est une deuxième instruction. Et vous pouvez voir ici, cette déclaration est, vous pouvez voir que six, c'est moins que, vous considérez six, c'est moins de cinq, ce qui est une fausse déclaration. Donc, cette déclaration ici ne nous est pas exécutée. Espérons que ce concept est beaucoup plus clair maintenant que comment nous pouvons utiliser l' instruction
if-else et comment nous pouvons travailler avec true et false et if déclaration. Si vous trouvez l'un des problèmes concernant cette conférence à
tout moment que vous ne comprenez pas dans l'organigramme de la déclaration if, tout point que vous ne comprenez pas que la façon dont nous pouvons créer la condition et comment nous
pouvons vérifier ou comment nous pouvons évaluer true et la valeur false dans l'instruction if. Et si vous ne comprenez pas le point ici dans ce cours, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
19. Javascript si vous avez des choses de l'autre: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la déclaration if else en JavaScript. Parfois, nous devons exécuter un bloc d'instruction seulement quand une condition particulière est de la viande ou non. C' est une simple prise de décision de carte. Comme nous exécutons un certain code après avoir pris une décision dans la logique du programme. Par exemple, faire en JavaScript VHA quatre types d'instructions de contrôle, qui sont if instruction Nasser, if instruction, if, else instruction et if else if instruction. D' accord ? Comme vous le savez, nous avons déjà étudié si déclaration en JavaScript. Maintenant, nous sommes concentrés sur la déclaration if else if. Dans la dernière conférence, vous avez vu que d'être stratégique sur la déclaration if et à l'intérieur de la déclaration
if, si notre de la condition est la viande, sorte que notre programme exécutera le résultat et le blog de base si notre condition n'est pas faite. Donc, cela ira tout simplement à la fin et ne nous montrera aucune de la réserve. Mais ici dans l'instruction if else, comme certains parfois vous comment une condition et vous voulez exécuter un bloc de code si la condition est vraie, et exécuter un autre morceau de code si la même condition est fausse. Cela peut être réalisé en JavaScript en utilisant if else instruction, comment nous pouvons travailler avec l'instruction if-else. Tout d'abord, je vais vous dire l'organigramme de if if if if déclaration. Supposons que nous commencions notre programme. Et ici, nous avons la condition laisser supposer un et un qui est supérieur à 50. D' accord ? Maintenant, vous pouvez voir que si notre déclaration est vraie ici. Donc, cela ira simplement au bloc de code. Ce que nous écrivons ici, comme il va insérer dans le corps du code ce qui est défini avec cette condition. Cela vérifiera le code et ensuite cela exécutera le résultat ici. moyens qui iront simplement à l'étape de finition si notre certaine condition n'est pas remplie. Donc, cela ira simplement au bloc de code else ici. Cela vérifiera le bloc de code else et nous montrera le bloc de code else ici. Maintenant, je vous dis juste que ce qui est la déclaration if et ce qui est une déclaration else-if. Donc, comme vous pouvez le voir ici, nous avons la déclaration if et ici vous devez écrire votre état. Et à l'intérieur de la condition, vous avez un bloc de code juste ici. D' accord ? Maintenant, si notre bloc de code fonctionne ici, donc cela va simplement exécuter ce bloc de code avec le vrai résultat si ce résultat n'est pas possible dans la condition. Donc, nous passons simplement à l'autre et ici qui exécutera le bloc de code else ici. Donc ce concept l'est. Bien clair pour vous les gars. Maintenant, voyons juste l'exemple sur l'instruction if else. Ici. Vous pouvez voir qu'à l'intérieur de cette balise de script, je viens de définir une variable. Et supposons que la variable ici soit l'âge, et l'âge de la variable ici est 25. Maintenant, vous pouvez voir que je suis juste en train de définir si instruction. Donc ici, vous pouvez voir que si est un mot-clé et maintenant j'écris juste H. Donc H ici est je juste définir la condition ici. Donc, si l'âge est supérieur à 18 ans, vous devez
donc écrire un document et document.write, qui est que vous n'
êtes pas à l'adolescence. D' accord. Puis point-virgule juste ici. Maintenant, si cette instruction est vraie, donc cela va simplement exécuter ce bloc de code. Si le code de bloc n'est pas vrai, alors cela ira au bloc de code else. Sinon, voici le mot clé, ok. Et maintenant, vous pouvez voir que j'ai le bon document et document.write. Et ici, nous avons que vous avez l'âge de l'adolescence ou l'espoir. Vous comprenez maintenant. Maintenant, vous pouvez voir que nous allons exécuter cette instruction if else juste ici. Et vous pouvez le voir ici. Vous pouvez voir que notre âge est de 25 ans ici. Donc il y a nous montrer et message ici, qui est que vous n'êtes pas à l'adolescence. D' accord ? Maintenant, vous pouvez voir que je viens d'écrire 16. Donc, quand je rafraîchis ça, pour que vous puissiez découvrir que vous êtes des adolescents parce que nous avons moins de 18 ans ici. C' est donc un exemple très
basique, ce que nous couvrons dans cette conférence. Passons maintenant au complexe. J' enlève ça parce que ça dit beaucoup plus facile pour vous les gars. Ici, nous obtenons un formulaire où nous allons
recueillir le Mars ou nous allons obtenir les notes des étudiants. Ici vous pouvez voir que les incidents inquiets pendent. Je suis juste en train de créer un formulaire ici. D' accord. Donc la forme ici est d'abord, je viens de dire le nom de la ferme, qui est égal à, Je vais juste écrire ceci est la forme. Puis après cela ici, j'ai raison
que, cette forme, désolé, ici j'ai eu la bonne action. Donc, l'action ici est que nous n'avons pas manqué d'action là-dessus parce que nous n'avions aucun des liens. Donc j'écris juste ce lien vide ici. Donc, tout d'abord, comme vous pouvez le voir, j'écris juste le nom du formulaire parce que nous avons besoin de
ce nom de formulaire quand nous déclarons juste ce script JavaScript ici. Donc, après cela, à l'intérieur de ce formulaire, je dois prendre une entrée utilisateur. Donc, c'est l'entrée ici. Donc, entrer ici est le type de texte où V, Comment écrire qu'un nom. Donc le nom ici est que je dois écrire que c'est un nom de texte numéro un. Et la valeur ici est, je connaissais juste cette valeur comme un blanc. Ici, je viens d'écrire le message. Qui est S'il vous plaît entrer vos marques. D' accord ? Maintenant, je prends juste une entrée, et l'entrée ici est le type de bouton. Et puis après cela, je viens de définir la valeur de ce bouton signifie quoi ? On a défini le nom sur ce bouton. Si nous écrivons la valeur ici dans ce champ d'entrée. Donc, aperçu d'entrée, champ d'entrée v, comment la valeur prédéfinie sera montrée à vous les gars. Après cela, vous pouvez voir qu'ici je viens de définir la valeur. Donc la valeur ici si le bouton est de la glace, n'est-ce pas ? Vérifiez votre note. Et je viens de fermer le score ici. D' accord ? Ou ici, vous pouvez voir est le score le plus proche juste ici. Maintenant, nous allons à cette balise de script juste ici. Tout d'abord, VR créant la fonction, et le nom de la fonction ici est grilles. Ici. Je dois écrire cela sur la méthode click. Et à l'intérieur de la méthode onClick, je dois écrire que c'est des portes. D' accord ? Et vous pouvez voir que maintenant après cela, vous pouvez voir ici je crée juste cette fonction, puis note et je mets juste en pause cette fonction dans la méthode onClick à l'intérieur de ce bouton. Passons maintenant à la logique de la déclaration if. Dans une instruction if, Tout d'abord, j'ai le bon document à l'instruction de sortie. Alors ici, je viens d'écrire le formulaire. Donc formulaire ici est ce nom de formulaire. Ensuite, je dois écrire point et puis j'écris juste ce texte numéro un. Donc, je concaténe ces documents avec la forme et le texte ici, alors je dois écrire ou je dois fournir la valeur. Cela signifie que je fournit la logique ici. Si votre formulaire est apparié, alors vous êtes texte correspond, ce
qui signifie que c'est notre formulaire. Tout d'abord, cela va obtenir la valeur de l'entreprise. Ensuite, à l'intérieur de ce formulaire, nous avons une sorte de barre de texte où leurs textes correspondront. Le résultat signifie que les textes correspondraient à cette logique de valeur, sorte que cela nous montrera la sortie. Donc, je viens de définir la valeur ici. Si les marques sont supérieures à 90, alors je dois montrer un message d'alerte ici où vous trouverez que la note est un audio ou une grille juste ici. Espérons que oui. Ce concept est clair pour vous par si ce concept n'est pas apparié signifie si cette valeur n'est pas respectée, alors cela ira au bloc de code else où je viens de définir l'une l'autre instruction if. Vous pouvez voir ça. Et la déclaration if ici est vous pouvez voir que je dois écrire le document une fois de plus. Et ces documents et encore une fois, je sa vue. Tout d'abord, cela fera le formulaire, puis cela correspondra au texte numéro un. Et puis je fournit juste les valeurs si ces deux choses sont appariées. Donc, cela va simplement aller à cela, que si les notes sont supérieures à 80. Et donc vous pouvez voir ici que V obtiennent la logique de l'opérateur n ici, parce que nous comparons deux valeurs ici, ce qui signifie que vous pouvez voir la valeur est supérieure à 80. Et vous pouvez voir ici, j'écris juste que les documents point forme texte1. Ici vous pouvez voir la valeur. Ainsi, vous pouvez voir si le document .write forme point texte numéro un point valeur est supérieure à 80 et documents.Findone texte numéro un point valeur est inférieure à 90. Ensuite, vous devez écrire un message d'alerte où vous pouvez voir que vous êtes grade est. Donc, d'abord, nous avons la grille, voici un plus, et ici vous avez la grille est un espoir. Donc vous comprenez maintenant que de quelle logique je parle ici. Maintenant, la même chose est une affaire. Vous pouvez voir que je dois copier ce bloc de code d'autre. D' accord ? Et puis ici, je dois coller ce bloc de code ici. Ici, je suis juste en train de changer la valeur que si la valeur est supérieure à 70 et inférieure à 80, alors vous devez fournir la note est b plus. Ensuite, vous pouvez voir un autre bloc de code. Et à l'intérieur de ce bloc de code, je suis juste en train de définir l'instruction if. Donc si la valeur est supérieure à 60 et inférieure à 70, alors vous enfer le grade B juste ici. D' accord ? Maintenant, après cela, vous pouvez voir ici que nous passons à ce bloc de code d'autre où je viens de montrer le message d'alerte. Et le message d'alerte ici est si aucune de ces déclarations n'est remplie. Donc, vous avez la grille C juste ici. Donc ce concept est beaucoup plus clair pour vous les gars. Maintenant, je vais vous dire que la logique de ceux-ci sont là où vous pouvez voir que d'abord, nous avons la déclaration if. Donc, c'est notre contrôle de flux de programme, où vous pouvez voir que si notre déclaration est correspondance signifie que l'utilisateur a tenu 90 points plus. Donc, cette déclaration est appariée et qui va exécuter ce bloc de code et nous montrer le résultat que vous êtes mort, vous avez tenu le grade. Si ce n'est pas rencontré, alors cela va passer à ce bloc de code d'autre ici et ici qui va nous montrer, qui va vérifier cette déclaration ici, alors cela correspond au résultat en 8070 ou 60 signifie que les utilisateurs enfer 80 marques. Donc, cela va exécuter ce bloc de quatre et vu comme un cas comme ici et ici, si aucune de ces déclarations est vrai ici, signifie que la santé de l'utilisateur 59 mois ou la santé des utilisateurs 50 ml, alors cette alerte Grade C et le bloc L de sera exécuté. J' espère que ce concept est clair pour vous les gars et vous comprendrez ce que je demande. Maintenant, comme vous pouvez le voir, je copie juste ce code et le colle dans la section d'en-tête. D' accord ? Parce que lorsque vous écrivez simplement le fichier de script, il est
donc très important que vous devez écrire votre fichier de script dans des fichiers d'en-tête et simplement aller dans le navigateur, actualiser ceci, et ici vous pouvez voir que s'il vous plaît entrer vos marques. Donc j'écris 90 marks ici. Et ici, je clique juste sur le bouton. Donc, vous pouvez voir que l'intérieur de ce V, Comment la note, qui est un plus. Ok. Ici, j'écris juste que c'est les 80 marks. Vérifiez votre grade B, comment la grille est un, d'accord ? Maintenant, je viens d'écrire ça 48 marks. Vérifiez que vous êtes bon. Et v, comment le grade C ici, comme vous pouvez le voir avec l'aide de si autre programme v, comment créer ce système de notation dans le JavaScript. Ce n'est pas un système de classement, mais vous devez calculer votre grille que vous pouvez voir. Donc, ceci est notre exemple de la vie réelle, ce que vous avez à étudier dans cette conférence espère que cette conférence est très claire pour vous ? Et si non, si vous ne comprenez pas cela, comment nous pouvons déclarer cette note, comment pouvons-nous déclarer cette déclaration si ? Quelle est la déclaration L main droite et pourquoi nous déclarons ceci if déclaration. D' accord ? Donc, vous pouvez poster votre question. Et si vous avez des questions concernant ce code HTML
aussi, vous pouvez poster votre question. Je ralens parce que c'est un cours très débutant et ici je vous
enseigne toutes les parties du JavaScript afin que vous puissiez poster toutes les questions. Si tu l'as fait. Merci d'avoir regardé, s'il vous plaît laissez-moi savoir.
20. Javascript si vous avez des autres choses si si vous avez des choses de l'en en fait: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons par le reste si les conditions en JavaScript. Le if else if condition ou instruction est une forme avancée des instructions if. Cela permet à JavaScript de prendre des décisions correctes à plusieurs conditions. Comme lors de la dernière conférence, vous avez vu que nous faisons deux exemples. Mais je ne vous dirai pas dans le deuxième exemple que ce que nous faisons. J' étais juste concentré sur le concept des déclarations Else-If à vous les gars. Comme vous pouvez le voir, je vous dis juste l'heure du serveur. C' est l'instruction if qui est à l'intérieur de l'autre. Pour l'intérieur de cette déclaration else. Ici. Dans la conférence d'aujourd'hui, je vais vous dire que ce qui est la déclaration if, puis autre déclaration, puis si déclaration à nouveau. Donc, comme vous pouvez le voir dans la dernière conférence, nous avons vu que nous utilisons if d'abord, alors nous utilisons l'instruction else-if. Et après cette déclaration else-if, nous avons utilisé if déclaration à nouveau. Donc, dans cette conférence, nous nous sommes totalement concentrés sur cette conférence. Donc, comme vous pouvez le voir, tout d'abord, nous allons commencer notre code. Donc, c'est le début du code ici. Ensuite, vous exécuterez votre condition. J' écris juste le nom de cette condition comme l'un. Alors supposons v, comment une autre condition. Supposons que cette condition soit deux et ajoutez le dernier véhicule. Une autre condition, ce qui signifie que c'est le numéro de condition troisième ici. C' est donc l'énoncé de la condition un. Il s'agit d'un énoncé des conditions deux, et il s'agit d'un énoncé de la condition trois. Et ici, nous allons au bloc de code d'autre ici. Et puis nous écrivons que c'est juste une sortie ou une arrivée, d'accord ? Comme vous pouvez le voir, que notre code commence-t-il à partir de là ? Si notre, cette condition est assortie, supposons ici que j'écris juste que si un est supérieur à cinq, ok ? Ensuite, si cette condition est vraie, alors ce bloc de code sera exécuté ou cette instruction exécutée. Et tout simplement, il y a le programme ira à l'état d'arrivée juste ici. Si cette condition n'est pas remplie
, le flux du programme passera à l'itération suivante, qui est à la condition numéro deux. Supposons que je monte juste si la valeur de a est supérieure à dix ou moins de dix. Ou n'importe quelle logique que vous voulez créer ici. D' accord ? Supposons que je décide si la valeur de a est supérieure à quatre, alors si c'est vrai, alors cette instruction vous sera exécutée. Et simplement le flux de programme ira à l'état sorti. Si nous n'avions aucune de ces deux conditions. Donc, alors ce flux de programme viendra aux itérations du troisième œil. Et supposons ici nous l'enfer, si la valeur d'un est supérieure à trois, puis V, Comment exécuter cette déclaration si ? Et si cette déclaration est vraie, alors cela passera à l'étape terminée. Maintenant, la question est. Ensuite, s'il n'y a aucune de cette déclaration est vraie, alors quel bloc de code sera exécuté ? Ensuite, le flux de programme sera directement aller au bloc else juste ici. Vous pouvez voir ça. Et puis ici, cela va exécuter le bloc de code else et aller à l'état d'arrivée. Ainsi, un utilisateur peut choisir parmi plusieurs options ici. Le JavaScript, si les instructions sont exécutées de haut en bas. Dès que l'une des conditions contrôle le if est vrai. L' instruction associée à cela si elle est exécutée et le test, ou désolé, ajouter le reste de la condition Java ou bien si la lettre est par un pos, si aucune de la condition n'est vraie à ce stade, vous pouvez voir ici, si aucune de la condition n'est vraie, alors le bloc finally des déclarations sera exécuté ici. Comme nous arrivons à la, notre dernier programme ici vous pouvez voir, vous pouvez voir v comment tout d'abord, si déclaration, après cela si déclaration v, comment le bloc de code else ici, et après ce bloc de code v, comment une extrémité de la déclaration if ici. Vous pouvez voir le flux du programme. Si cette condition est vraie, alors cela ira à la, alors cela ira pour exécuter ce bloc de code qui est une grille d'alerte un plus. D' accord ? Si cette déclaration n'est pas vraie, vous pouvez voir ici, ici nous écrivons simplement l'envoi de cela. Et si cette déclaration n'est pas vraie, alors cela ira à l'instruction if à nouveau ici, alors cela vérifiera une autre condition. Et vous pouvez voir si aucune de ces conditions n'est vraie. Alors ajoutez les lois qui imprimeront que vous avez le grade C. Ok, donc ce concept est très clair pour vous les gars. Maintenant, je vais vous donner des exemples, n'est-ce pas ? Ou tout d'abord, je vais vous parler de la syntaxe de l'instruction if. Et vous pouvez voir ici que nous avons, désolé, nous avons rapidement la déclaration if. Alors nous avons la condition juste ici. Nous vérifierons les conditions ici. Et puis après cela, nous allons exécuter la déclaration ou le bloc de code ici. Ensuite, nous écrivons autre. Si les conditions semblent comme un cas comme notre ancien exemple. Et puis nous allons vérifier à nouveau la condition et exécuter le bloc de code obsolète et rester debout maintenant. Maintenant, vous pouvez voir que je viens d'écrire la balise de script. Et à l'intérieur de cette balise de script, je crée juste une variable. Donc variable ici est laisser supposer v, comment ? La variable, c'est le salaire, d'accord ? Ou j'écris mon salaire. Et puis mon salaire est, supposons 5 000, ok ? Et là, je viens de créer votre salaire. D'accord ? Et ton salaire, c'est que j'écris pour 5041500. Ok. Maintenant, vérifions ce que je fais ici. Comme vous pouvez le voir. Tout d'abord, je viens d'écrire si déclaration et si mon état ici est mon salaire, si mon salaire est supérieur à votre salaire, puis exécutez le bloc de code, qui est alerte. Et alerte, c'est mon salaire. Est supérieur à votre salaire. Donc, vous comprenez maintenant, si cette déclaration est faite ici, sorte que nous allons exécuter ce bloc de code. Sinon, cela ira à la déclaration else. Et puis à l'intérieur de cette déclaration else v, comment l'un l'autre si déclaration. Et je vais juste écrire que mon salaire, qui est inférieur à votre salaire. Donc, imprimez un message ici, qui est le message d'alerte. Et le message d'alerte ici est que mon salaire est inférieur à votre salaire. J' espère que vous obtenez le sens que ce que je parle. Tout d'abord, nous avons la déclaration if. Si cette instruction est vraie, cela exécutera ce bloc de code. Sinon, nous allons passer à l'instruction else et cela prendra l'une l'autre instruction if juste ici, et vous montrer le résultat de sortie ici. D' accord ? Ensuite, ici vous pouvez voir v, comment les uns les autres déclarations else-if. Donc, vous pouvez voir que, comme si, si cette déclaration n'est pas vraie, alors cela va passer à travers l'algèbre à nouveau. Et ici, v, comment la déclaration ici. Et vous pouvez voir que nous avons la déclaration juste ici, ou la condition juste ici, qui est si mon salaire, qui est égal à votre salaire, puis exécutez le bloc de code, qui est alerte et alerte commande ici est, j'écrirais que mon salaire est égal à votre salaire. J' espère que vous comprenez maintenant, si aucune de la condition n'est remplie ici, alors vous devrez écrire le bloc S de code. Mais ici, à ce stade, nous n'avions pas besoin de tout ça. Vous pouvez voir maintenant je suis juste en cours d'exécution de la partition et le navigateur. Et vous pouvez voir que le message d'alerte ici est que vous avez le droit, que document.write et ensuite vous devez passer votre message. Donc le message d'alerte ici est que mon salaire est supérieur à votre salaire parce mon salaire ici est de 5 000 et votre salaire ici est de 4 500. Et si j'écris juste que 6 mille ici, et puis je vais juste au navigateur et rafraîchir ceci. Donc vous pouvez voir ici mon salaire est inférieur à votre salaire. Ensuite, je vais juste à l'égal à n ici, je viens d'écrire que c'est 6 mille. Rafraîchissez ceci. Vous pouvez voir ici que mon salaire est égal à votre salaire. C' est donc la logique et la logique simple de l'instruction if, else if. Espérons que, vous obtenez que la façon dont nous utilisons si et sinon si déclaration. Les points clés que vous devez vous rappeler quand, lorsque vous travaillez avec si autre déclaration ou quoi que ce soit. Donc, l'utilisation de la condition if-else est des instructions pour contrôler le flux du programme. D' accord ? Si vous voulez utiliser cette instruction if else, cela signifie que vous devez contrôler le flux du programme. Javascript inclut des formes de conditions if, qui sont si condition, si autre condition et condition else-if. Rappelez-vous que la condition if doit enfer les expressions conditionnelles dans le crochet CME comme un cas comme ça, vous pouvez voir que vous avez écrit l'instruction if dans les crochets seulement. Et quand vous écrivez juste le bloc de code. Donc, vous devez écrire des crochets bouclés avec cela. Else condition doit être placé une seule fois à la fin. Et ça doit venir après. Si vous n'êtes pas de la condition est vraie. Donc, c'est juste et logique de l'if if if if déclaration déclaration. Tu comprends ça ? Si vous ne l'êtes pas, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
21. L'opérateur Ternie: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous passons par l'opérateur ternaire dans le JavaScript. Un opérateur ternaire peut être utilisé pour remplacer les instructions if-else dans certaines situations. Avant d'en apprendre davantage sur les opérateurs ternaires, assurez-vous que votre concept est beaucoup plus clair sur si autre déclaration ce que nous avons déjà étudié. Tout d'abord, un opérateur ternaire, je vais perdre nos conditions et exécute un bloc de code basé sur la condition. La syntaxe de l'opérateur ternaire est d'abord, vous devez rouler condition, ok ? Ensuite, vous avez écrit, point d'interrogation, signe, puis vous devez évaluer les premières expressions, puis les deux-points, puis vous devez élever votre deuxième expression. Les opérateurs ternaires. J' attendrai les conditions du test. Si la condition est vraie, vous êtes des expressions rapides ici seront exécutées. Et si votre condition est fausse, alors vous êtes les deuxièmes expressions seront exécutées ici. Donc vous comprenez maintenant, ici vous pouvez voir que les opérateurs ternaires brisent trois opérandes, où le nom opérateur ternaire. Il est également connu sous le nom d'opérateur conditionnel. Maintenant, nous passons à notre exemple de codage. Tout d'abord, je crée une variable. Supposons que notre variable ici soit des marques, d'accord ? Maintenant, j'ai la bonne invite. Donc invite comme vous le savez, c'est une boîte de dialogue de bal et ici j'écris juste cela dans vos marques ici. D' accord ? Et là, vous pouvez voir que je dois fermer ça avec un point-virgule. Maintenant, vous pouvez voir que j'ai raison, une réserve. Donc, réserve qui est égal à ici, j'écris juste que d'abord, nous devons appeler cette variable marks ici. Et là, je dois écrire que si les marques sont supérieures au pourcentage de 40, ok ? Ensuite, vous avez écrit la note ici est pause. Sinon, vous avez raison, que vous avez échoué à l'examen. Ici vous pouvez voir V, Comment trois, Je vous dis juste que nous avons les trois opérandes ici, plus d v. Comment la condition ici, alors nous avons des expressions rapides et les deuxièmes expressions ici. Ici, nous avons les conditions. Supposons que les marques soient supérieures ou égales à 42. Vous êtes résultat ici est passé. Sinon, vous échouez le résultat. Vous voulez lui donner 50 points ici, ou vous voulez lui donner 30 points ici. C'est à vous de décider. D' accord ? Maintenant, après ça, je dois écrire ce document. Et document.write ici est que je dois écrire que u. et puis ici vous pouvez voir que j'avais que votre résultat est. Et là, je dois écrire ce résultat ici. J' appelle juste cette variable ici. D'accord ? Maintenant, vous pouvez voir que je dois aller à l'opérateur ternaire juste ici et puis rafraîchir. Vérifiez dans le navigateur. Si je viens d'appuyer sur 30 marques et appuyez sur l'accord, sorte que vous pouvez voir ici que vous êtes résultat ici est échec. Si j'écris 40. Donc, vous pouvez voir que vous êtes résultat ici est si je viens d'écrire 90, donc la même chose est le cas comme votre résultat ici est suspendu. Donc ici vous pouvez voir que nous écrivons trois valeurs différentes comme 304090 ici. Tout d'abord, cela va vérifier la condition ici est Marx. Donc, si Mars est inférieur ou supérieur ou égal à 40. Donc, si cela est inférieur à 40, donc cette expression le sera, je vais écrire ici, si cela est égal à 40 ou supérieur à 40. Donc, cette expression POS est évolutive ici. Espérons que vous comprenez maintenant que ce qui est un opérateur ternaire, qui chanter a remplacé l'opérateur ternaire et comment nous pouvons utiliser l'opérateur ternaire si vous trouvez un autre problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci pour regarder cette conférence.
22. L'événement de clic (onclick): Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons nous concentrer sur les événements onclick. Mais avant de commencer l'événement onclick, nous avons juste besoin de comprendre que quels sont les événements ? Un événement est quelque chose qui se produit lorsque l'utilisateur interagit avec la page Web, par exemple lorsqu'il a cliqué sur un lien ou un bouton. Je vais l'utilisateur va entrer un caché dans la zone de saisie sont la zone de texte. Ou un utilisateur a fait une sélection sur la zone de sélection ou en appuyant sur les touches du clavier. Ces tous nos événements cartes ou l'utilisateur va déplacer le curseur de la souris ou soumettre certains types de formulaire. Tous ces événements sont appelés événements. Dans certains cas, le navigateur lui-même peut déclencher l'événement
tel que le chargement de page ou les événements de déchargement de page, ok ? En JavaScript, vous devez interagir avec HTML est géré à travers les événements qui se produisent lorsque l'utilisateur ou le navigateur manipulent une page. Supposons que quand une page charge, elle est appelée même lorsque les utilisateurs cliquent sur un bouton, comme je viens de vous le dire, cela est appelé que je savais dans, ou l'utilisateur va cliquer sur le, ou l'utilisateur va soumettre un type de foyers. Ce sont tous des événements de cartes. développeur peut utiliser ces événements pour exécuter la réponse entre guillemets JavaScript, ce qui provoque la fermeture du bouton de la fenêtre. Les messages à afficher pour les utilisateurs et les données doivent être valides. Et c'est comme pratiquement tous les autres types de réponse imaginables. Les événements sont utilisés dans les trois types. Le premier est comme, vous pouvez utiliser des événements dans le DOM. Ensuite, vous devez utiliser des événements en HTML, ou vous devez utiliser les événements dans le code JavaScript. Maintenant, je vais vous dire que comment nous pouvons cliquer sur, comment nous pouvons utiliser onclick. Même les événements de clic se produisent lorsque l'utilisateur clique sur l'élément de la page Web. Supposons ici que je suis juste en cliquant sur les Googles pour cette carte, c'est cliquer sur un, ou je suis juste en cliquant sur ce bouton. Donc, cette carte, il s'agit d'un événement de clic. Voyons comment nous pouvons créer ce clic événements. Donc, d'abord, je dois écrire cette balise de script. À l'intérieur de cette balise de script, j'ai écrit,
supposons document.write, et quand je clique juste sur le bouton, donc ici le message est, me
semble que c' est sur clic, événement sur bouton. D' accord ? Ensuite, je dois fermer ce code ici. Voyons maintenant. Ici, je crée juste une de la balise de paragraphe où je viens de dire que c'est sur l'événement click. Et après cela, je mets ces événements onclick dans le bouton où je viens d'écrire cela dans l'entrée du port, qui est le type de bouton. Et ici vous pouvez voir que le bouton ici est allumé. Cliquez sur le bouton. Donc vous comprenez maintenant que c'est l'événement onclick, je suis assis sur ce bouton. Ici. Je définit juste la fonction. La fonction ici est sur un clic. Et puis ici vous pouvez voir que je viens de copier et coller ceci dans ce texte juste ici. Maintenant, je suis juste en train d'appeler cet événement onclick ici. D' accord ? Nous avons déjà travaillé avec cela, mais ici vous avez juste besoin de comprendre que quels sont l'événement onclick ? Et ici, je viens de dire la valeur de ce qui est sur l'événement click. Et puis je dois fermer ce code ici. Je vais juste dans le navigateur et vérifier cette sortie. Donc, quand je clique sur ça,
pour que vous puissiez voir ici, la page de la fenêtre va passer l'étape suivante où vous pouvez voir que c'est un événement onclick, ok ? Ici. Ceci est notre balise de paragraphe, une balise p. C' est la valeur de l'événement on-click, et c'est un bouton lorsque je déplace juste le curseur de la souris dessus, et je vais juste cliquer dessus. Donc, cette fonction fonctionnera ici et cela me montre la sortie ici, qui est l'événement onclick sur le bouton ici que vous pouvez voir. Donc, vous obtenez cela, que ce qui est l'événement onclick et comment nous pouvons l'utiliser. Espérons que vous comprenez si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
23. L'événement Mouseover (onmouseover): Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous passons par la bouche ou l'événement dans le script java. Ou vous pouvez dire que le surmouseover ou sur la souris sur. Ces deux-là sont la même chose. Donc, ces deux types d'événements vous aideront à créer un bel effet avec l'image ou l'événement avec le texte ainsi. La souris ou les événements se déclenchent lorsque vous amenez votre souris sur n'importe quel élément et la souris hors déclencheur
lorsque vous souris, lorsque vous déplacez votre souris hors des éléments, essayons simplement comment nous pouvons travailler avec elle. Ici, vous pouvez voir cette installation ou comment créer la fonction. Donc, cette fonction ici, désolé, d'abord, je dois créer la balise JavaScript, et c'est une balise de script. Et à l'intérieur de cette balise de script, tout d'abord, je distribue les deux fonctions où j'ai dû écrire ces fonctions pour la souris. Et ici, je dois créer une autre fonction pour la souris. Ok, maintenant je vais aller à cette balise de script, désolé ici, balise
HTML, où j'ai dû écrire celle de la balise DIV. Et là, vous pouvez voir qu'ici j'écris ça sur la souris. Tout d'abord, je dois prendre ce nom de fonction comme le plus ou qui est égal à la souris, désolé, sur la souris sur. Et ici, vous pouvez voir que j'ai droit, ce qui est égal à, tout d'abord, je dois prendre ce nom de fonction comme l'auteur. Ensuite, vous pouvez voir que j'ai droit la souris sur. Donc, c'est sur la souris, l'événement et les cheveux. Je dois écrire cela un nom de fonction comme le pur et simple ici. Et puis je dois marquer le plus proche. D' accord ? Maintenant, ici, je viens de définir un titre juste ici. Supposons que ce soit la tête numéro deux, et le voici, à droite, c'est le corps de la fonction. Ici. Passons à la fonction Heure et j'écris juste que c'est le document et document.write où j'avais raison, que c'est la souris ou je vais vous le dire, ou je vais vous expliquer ce cours et je suis juste en train d'exécuter ce programme. Donc, la glace juste à nouveau est document et document.write. Et ici, je dois écrire que c'est la souris et le noyau le plus proche. Ici, je viens de lancer ce code. Et vous pouvez voir, alors comment cette souris sur et la souris sont fonctions. La plupart des événements fonctionnent. Comme vous pouvez le voir quand je souris juste survoler dessus. Donc, vous pouvez voir que cela change sa valeur que vous êtes des souris ou vous pouvez le voir. Vous pouvez voir. Et vous pouvez voir ici quand je déplace cette souris ici, sorte que c'est changer est la valeur juste ici. Donc c'est le travail réel à quoi se passe la souris, OK ? Ainsi, les événements survolés se produisent lorsque l'utilisateur, ou lorsque l'utilisateur déplace le pointeur de la souris sur l'élément, comme vous pouvez le voir ici, vous pouvez voir que et les événements de la souris se produisent lorsque les utilisateurs ont déplacé le pointeur de la souris en dehors de l'élément events. Donc, je vais vous dire maintenant que comment nous pouvons travailler avec l'événement de la souris aussi. même chose est le cas, comme vous pouvez le voir ici, que nous travaillons déjà avec cette souris sur l'événement juste ici. Supposons que nous créons ici un bouton. Donc Burton voici le type d'entrée qui est un type de bouton. Et puis ici, vous pouvez voir qu'une première année Comment créer, Créer sur la souris sur. Il est allé ici. Ok, et je dois vous
montrer le message d'alerte où je viens d'écrire ça. C' est un événement de souris out. D' accord ? Et ici, vous pouvez voir qu'après cela, je dois fermer ce noyau. Maintenant, ici, vous pouvez voir que c'est juste, que c'est l'événement de la souris juste ici. D' accord ? Maintenant, je reformule ça. Donc, vous pouvez voir ici quand je déplace juste ma souris ou ce bouton. Donc, vous pouvez voir ce message d'alerte est montré pour moi que c'est la souris même N1, il suffit de cliquer sur ce bouton. Donc, vous pouvez voir ici, c'est aussi une souris, ou j'espère que vous obtenez que comment nous pouvons créer l'événement souris sur et souris out dans le JavaScript. Si vous trouvez un autre problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
24. Événement de chargement Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de l'événement de chargement dans le JavaScript. Les événements du Seigneur se produisent lorsqu'un objet a été chargé. Onload est le plus souvent utilisé événement dans l'élément body à exécuter en tant que script. Une fois qu'une page a été complètement chargée, tout le contenu, y compris les images, est le fichier de script et les fichiers CSS, etcetera. Maintenant, je vais vous dire que comment nous pouvons travailler avec. Tout d'abord, ici, à l'intérieur de cette balise de corps, je suis juste en train de lancer l'événement ici, où vous pouvez voir que lorsque le corps est chargé, lorsque nous chargeons le corps, donc l'événement Hair onload se produira. Et ici, je dois écrire que c'est juste un message d'alerte de point de fenêtre. Donc, je suis juste en train de montrer le message d'alerte à vous les gars où j'ai aidé à écrire cette page est chargée avec succès. Donc tu comprends ça. Et je ferme juste ce code ici. Maintenant, à l'intérieur de cette balise de corps ici, je dois écrire une de la balise de script. Et j'écris juste que c'est document et document.write. Et ici, j'avais raison que c'est la page est chargée avec succès. Ok, et ici je dois fermer ce code ici. J' espère que tu auras ça. Comment d'abord nous sommes, nous avons la balise corporelle. À l'intérieur de cette étiquette de corps. Je suis juste en train de lancer cet événement onload ici. Ok, alors ici je
vous montre juste le message d'alerte que la page est chargée avec succès. Et à l'intérieur de cette balise de script, ici nous avons exécuté ce script. Laissez-nous vérifier. Ici. Je vais au navigateur et vérifie ça. Donc, vous pouvez voir ici que ce sont les événements de chargement de page, mais cet événement onload ne fonctionne pas ici. Juste à cause d'ici, j'ai juste fait une petite erreur en écrivant ce L comme la capitale juste ici. D' accord ? Maintenant, actualisez ceci à nouveau. Et et la page n'est pas encore chargée parce que oui, ici nous manquons quelque chose. Ici, nous devons écrire un guillemet unique juste à cause de la déjà donné il sont guillemets doubles. Donc, cela remplacera ça. Et vous pouvez voir ici une seule citation à nouveau. Et maintenant, je suis juste rafraîchissant ça. Donc, quand je rafraîchis juste ce corps de page, donc mon événement de chargement est en cours d'exécution ici, ce qui me montre l'option ou le message juste ici. Cette page est chargée avec succès lorsque j'appuie simplement sur. Ok, donc ce message m'est montré. Donc vous pouvez voir ici l'espace sur, ok, donc après ce message, notre corps de page sera exécuté. J' espère que vous comprenez maintenant. Donc, ce n'est qu'un événement page onload. Si vous trouvez un problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
25. Manipulation de clavier clavier à Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, je vais vous parler des événements de touche dans le javascript ou les événements claviers dans le JavaScript. Tout d'abord, je vais vous dire les événements clés. L' événement key down et les événements key up fournissent un code indiquant quelle touche est enfoncée. Pourquoi le pressage de fluage indique quel caractère entrait. Par exemple, une minuscule a sera signalée comme un 65 par touche vers le bas et la touche vers le haut, mais comme 95 par l'arborescence appuyez et majuscules est requis comme le 65 par tous les événements clés. Laissez-nous vérifier que comment nous pouvons travailler avec cela, et comment nous pouvons travailler avec cet événement clé JavaScript. Ici. Tout d'abord, j'ai écrit la balise H1 où je viens d'essayer cela. Veuillez saisir quelque chose. D' accord. Puis après ces cheveux, j'écrirai un de la balise de script. Et à l'intérieur de cette balise de script, peut-être que je dois créer la fonction. Et la fonction ici est que j'ai écrit que c'est un événement clé vers le bas. Ceci est n'importe quel nom de fonction. C' est donc un nom de fonction. Vous devez écrire n'importe quel nom de fonction ici. Maintenant, ici, j'ai écrit que c'est document et document point ici j'ai écrit, document.write ou vous avez droit, obtenu document.getElementById. C' est à vous de voir. Donc, vous pouvez voir ici, j'ai écrit ce document.getElementById. Et hé, j'ai déduit que c'est dans le port par utilisateur, ok ? Et ici après ça, j'ai monté ce message d'alerte. Et le message d'alerte ici est les yeux droit qui appuyez sur n'importe quelle touche ou appuyez sur une touche. Maintenant, ici, je dois aller à l'entrée du port d'entrée. Voici le type de par tonne, ou,
désolé, la première année comment écrire l'entrée est un type de texte. Et puis ici un hydrure cet ID, qui est égal à ici. Vous pouvez voir ça, désolé, plus D, j'ai juste la carte d'identité ici. Supposons que c'est le numéro d'importation deux, et vous pouvez voir ici que c'est n pour le numéro deux ici, qui est IID. Et ici, j'ai écrit l'événement clé vers le bas. Et maintenant, je suis juste en train d'exécuter ce nom de fonction où j'ai écrit que c'est une clé vers le bas et ensuite j'ai dû le fermer avec des parenthèses. Donc, vous comprenez maintenant que comment nous pouvons travailler avec un événement clé vers le bas. Maintenant, je suis juste en cours d'exécution dans le navigateur. Et ici, vous pouvez voir la vue. Bonjour. Donc vous pouvez voir ici vous appuyez sur n'importe quelle touche. Donc ici, je suis juste allé juste appuyer sur la touche à nouveau. Donc ce message d'alerte m'est montré. D' accord ? Donc vous pouvez voir ici que j'exprime n'importe quelle, n'importe quelle clé ici. Donc vous pouvez voir ça. Et maintenant, vous pouvez voir quand j'appuie sur n'importe quelle touche ici. Donc, ce message m'est montré que vous appuyez sur quelque chose ici dans la vue texte. Donc c'est la voiture, la clé en bas, même. J' espère que vous comprenez maintenant. Et quelle est la clé même ? Donc l'événement keyup est quand vous appuyez juste sur quelque chose dedans, comme si j'appuyais n'importe quoi dans la touche. C' est donc un travail en tant que CME, comme une poupée clé. Ok, donc ne vous inquiétez pas à ce sujet, vous devez simplement écrire, supposons que vous devez écrire l'événement clé, ok ? C' est désolé. C' est la clé de la clé. D'accord ? Maintenant, vous pouvez voir que c'est 19. Les visages quand j'appuie sur quelque chose. Donc, vous pouvez voir ici cela fonctionne également ici. Espérons que vous comprenez votre concept aussi clair sur l'événement des claviers. Si vous trouvez deux problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
26. L'événement Focus: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des événements ciblés dans le script java. Tout d'abord, nous avons appris cela. Quelle est la formule lorsqu'un événement de formulaire est déclenché ? Lorsqu' un contrôle de formulaire trompe ou perd le focus ou lorsque l'utilisateur modifie une valeur de contrôle de formulaire, par exemple en tapant le texte dans une zone de saisie ou une zone de saisie de texte, ou en sélectionnant des options dans une zone de sélection, etc. Donc, dans ce cas, l'événement de formulaire est venu dans la rangée. Maintenant, nous allons voir que quel est l'objectif ? L' événement focus se déclenche lorsque CVE élémentaire ou perd le focus. Il y a deux moyens, e, événements de
mise au point qui sont focalisés et le flou. L' événement focus se déclenche lorsqu'un élément a reçu le focus et les événements de flou se déclenchent lorsque l'élément a le focus. Voyons dans un exemple de codage que comment nous pouvons créer cet événement flou et focus. Ici. Tout d'abord, je crée le formulaire. Et maintenant, vous pouvez voir que c'est la forme qui est l'idéal de la glace, n'est-ce pas ? Cette forme d'idée ici. D' accord ? Maintenant, ici, je vais écrire une entrée utilisateur. Entrée est le type de, désolé, c'est le type de texte. Et puis ici, j'écrirai que c'est un détenteur de place et que l'air du détenteur est un nom d'utilisateur, ce
qui signifie que c'est votre ferme. D' accord ? Désolé, c'est votre texte par barre. Et lorsque vous exécutez discord, donc un nom d'utilisateur sera un espace réservé dans ce champ de texte. D' accord ? Maintenant, vous pouvez voir que je dois écrire une entrée, qui est un type de mot de passe. Alors pourquoi j'écris juste hyp mot de passe ici quand juste hyper, quand vous tapez juste mot de passe dans cette zone de texte. Donc je type stérique sera venu à vous et votre possible sera hydraté ici. Ok, maintenant vous pouvez voir que j'ai droit à l'espace réservé, ce qui est possible juste ici. Ok, maintenant comme vous pouvez le voir, je crée juste un champ de texte ou les zones de texte juste ici. Maintenant, si je vous donne ce cours, les gars. Vous pouvez donc voir ici, ce sont les deux types de champs de texte ici. D' accord ? Maintenant, revenons à ce script. Plus dv fournira la constante. Alors, quelle est la constante ici ? Donc, la constante ici est le mot-clé et les déclarations constantes créent notre référence en lecture seule à une valeur. Et cela ne signifie pas que la valeur est stockée est immuable. Et mot simple, lorsque vous écrivez simplement la constante, cela signifie que la valeur ne peut pas être modifiable. D' accord ? La valeur constante ici, comme vous pouvez le voir, la valeur de pi ou la valeur de cette gravité. D' accord ? Espérons que votre concept est très clair sur la constante ici. Donc, j'écris juste constante comme mot de passe. Ce qui signifie que la valeur du mot de passe ne sera pas modifiable ici. Ici, je viens d'écrire le document point i foulée Curie. Et voici le sélecteur Curie. D' accord ? Ainsi, les méthodes de sélection QT retournent le premier élément qui correspond sont spécifiés. Css est un script dans les documents. Ok, maintenant, voyons juste que nous prenons juste l'entrée de l'utilisateur. Donc, ici, nous avons l'entrée qui est le type de et le type ici qui est égal à, je suis arrivé, c'est le mot de passe, et je dois fermer ce code après cela. Maintenant, ici, je viens d'écrire que le point de mot de passe ajoute l'écouteur d'événement. D' accord ? Les méthodes d'écouteur d'événement add vous permettent d'ajouter un écouteur d'événement sur les objets DOM HTML tels que l'élément HTML. Nous les apprendrons également lors des prochaines conférences lorsque nous travaillons simplement avec DOM. Et ici, vous pouvez voir que tout d'abord, je suis juste en train de faire le point sur le sujet. Comme je viens de vous le dire, est le concentré et ici j'ai écrit que E ou vous avez écrit événement, c'est à vous de choisir, ok ? Donc j'écris juste e ici pour les événements car je suis juste en train de diriger l'événement juste ici. Et puis après cela, je dois écrire que les cibles de point e. Donc, je cible juste les endroits. Et ici, j'écrirais le style. Et le style ici est l'arrière-plan. Ce qui veut dire que je suis juste en train de définir l'arrière-plan comme le bleu juste ici. Comme vous pouvez le voir d'abord, je cible juste l'écouteur d'événement add, ce
qui signifie que vous utilisez ces questions pour permettre l'ajout d'écouteur d'événement sur les éléments HTML, accord, et puis ici je me concentre juste l'arrière-plan de ce mot de passe, d'accord ? Maintenant, après ça, je divulgue ce noyau. Et maintenant ici, je dois écrire que c'est le mot de passe et le mot de passe ou ajouter l'écouteur d'événement. Et puis ici, j'ai écrit que c'est juste un flou aussi. D' accord ? Donc, c'est l'événement flou. Et puis j'ai écrit que c'est égal à E point cible, et point cible est Tile et est point tuile. Ici, je vais juste écrire que c'est la couleur de fond. Et c'est la couleur de fond juste ici. Vous aide à comprendre maintenant et semble un cas comme ici, c'est la couleur de fond ici, ok ? Et la couleur de fond ici est la chaîne vide car il a déjà orienté cette couleur de fond ici. Et là, je verserai le score le plus proche juste ici. D' accord ? Comme vous pouvez le voir que je viens de définir une sorte d'événements de focus dans le champ de mot de passe où je viens de changer le texte. Couleur d'arrière-plan comme tous n. Ceci est l'événement de flou juste ici. Donc, comme il juste pour passer en revue ce flou événements choeur quand un élément a des bas, la mise au point. Voyons juste voir. Je viens juste de courir ce score. Et quand je clique juste sur ce mot de passe, de sorte que vous pouvez voir ici et puis il suffit de cliquer dans le champ mot de passe. Donc, l'événement focus est en cours d'exécution ici et quand je sors juste ce mot de passe gratuit. Donc, ici, vous pouvez voir que c'est le focus pur et simple ici ou perdre le focus comme l'événement de flou. Ça t'aide à comprendre. Maintenant, dans cet exemple, je vais vous dire que comment vous pouvez gérer les événements focalisés et flou. Lorsque vous passez au focus en tant que champ de mot de passe, la couleur d'arrière-plan change en bleu ici vous pouvez voir. Et si vous, si vous déplacez les curseurs de la souris, faites le nom d'utilisateur ou l'autre chose. Donc ça va changer sa couleur comme le blanc juste ici. En outre, c'est très compréhensible pour vous. Vous pouvez voir ici que j'écris juste ce mot de passe ici. Donc peut-être aussi vous pouvez voir ici caché avec l'aide de cette taxe de mot de passe d'entrée. Espérons que ce concept est très clair pour vous les gars que façon dont nous pouvons exécuter un onu concentré dans le JavaScript. Si vous ne l'êtes pas, si vous ne comprenez pas le problème, ou si vous ne comprenez pas l'un des points ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
27. L'événement soumet: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de l'événement submit en JavaScript. Ou vous pouvez dire que l'événement onsubmit en JavaScript, les événements submit ne se produisent que lorsque l'utilisateur soumet un formulaire sur la page Web. Et vous pouvez gérer l'événement Submit Form avec le gestionnaire d'événements onsubmit. Voyons simplement l'exemple sur l'événement submit et nous verrons que façon dont ces événements de soumission fonctionnent en JavaScript. Tout d'abord, je vais créer un formulaire. De là, je crée juste une action et ici nous n'avons aucun des liens,
donc je le laisse juste comme le lien vide juste ici, comme vous pouvez dire qu'un lien fictif quand vous ajoutez juste le hachage. Maintenant, ici, je suis juste la méthode d'écriture comme la pose parce que VR envoyer l'information. Et après cela, nous avons droit sur soumettre E1, où je dois écrire un message d'alerte. Et le message d'alerte ici est formé est et ici j'ai dérivé est soumis avec succès. D' accord ? Maintenant, ici, je dois fermer ceci et puis ici, plus près du point-virgule, puis la balise la plus proche juste ici. D' accord ? Ensuite, vous pouvez voir que je dois écrire un champ de saisie. Et puis après ce champ de saisie, supposons que j'ai écrit que c'est le type du texte. Et où montez-vous le nom qui est égal à moi, j'
écrirais le nom comme prénom juste ici. D' accord ? Et puis je dois fermer ce prénom. Et ici, j'ai juste là, c'est besoin. Maintenant, je suis juste en train de créer un de l'étiquette. Et l'étiquette ici est le nom de la force. Maintenant, le type d'entrée, qui est la soumission. Et désolé, c'est un bouton juste ici. Et, ou type d'entrée, vous pouvez dire qu'un bouton de soumission, d'accord ? Et puis ici, vous devez fournir la valeur comme Soumettre. Ici, comme vous pouvez le voir que nous utilisons le gestionnaire d'événements, qui est le nom de On Submit legis, vérifiez la sortie de celui-ci, et enregistrez ceci. Et ici, nous allons vérifier que nous sommes est le dossier. Oui, il s'agit d'un événement submit. Et puis allez dans le navigateur ici, vous pouvez voir que supposons que je viens d'écrire qu'un funky ici quand je viens de cliquer sur le bouton soumettre. Donc, ici, vous trouverez que le formulaire est soumis avec succès et je viens d'appuyer sur ok. Donc, vous pouvez voir que comment nous pouvons utiliser cette question onsubmit pour soumettre certains types de valeur dans le JavaScript. Espérons que vous comprenez maintenant, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
28. Javascript en boucle: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la, quelles sont les boucles et quelle est la boucle while dans le JavaScript ? Comme vous le savez ici dans cette conférence. Comme le titre mentionné, nous avons étudié la boucle while en JavaScript, mais il est important d'en apprendre davantage sur le concept de la boucle dans le JavaScript que quelles sont les boucles dans la vie réelle ? Ou vous pouvez dire que dans une informatique, boucle est
une structure de programmation qui est répétée une séquence d'instructions jusqu'à ce que notre condition spécifique soit la viande. Programmez ou utilisez des boucles pour parcourir la valeur n sommes de nombres, de fonctions de
répétition, et bien d'autres choses. Supposons que si vous avez une sorte d'or, supposons que vous, comment vous êtes un étudiant universitaire et que vous voulez effacer les étudiants universitaires. Et certains de vos papiers ici sont échoués. Donc, vous allez essayer, essayez de passer votre papier jusqu'à ce que ce ne soit pas la même chose qu'une condition comme ici dans la boucle. La fonction de boucle utilise presque identique logique et envoyer du texte dans tous les langages de programmation. Est-ce qu'une instruction spécifique ou un groupe d'instructions est
exécuté en continu jusqu'à ce qu'un corps de boucle spécifique ou l'exécution de limite soit menée. Supposons que le corps de la boucle s'exécute jusqu'à ce qu'une condition soit atteinte. Le résultat de l'ensemble des corps de boucle premiers cycles d'opérations sert de point de départ aux répétitions suivantes. Comme vous le voyez l'organigramme de cette boucle ici. Ainsi, vous pouvez voir ici la boucle sont supportés par tous les langages de programmation modernes. Est-ce que leur mise en œuvre et le texte d'envoi peuvent différer, signifie que la mise en œuvre des boucles et de la phrase sont différentes dans d'autres langages de programmation, mais le concept des boucles est péché. Deux des types les plus courants de boucles sont viles et quatre boucles dans tous les langages de programmation. Ici, comme vous pouvez le voir, nous allons discuter de la boucle while. Mais avant de procéder aux boucles while, nous avons juste besoin de comprendre que quelles sont les boucles ? Comme je viens de vous le dire, que vous êtes l'étudiant à l'université et qu'une partie de votre article ici est un échec. Et tu veux mettre ton journal en pause. D' accord ? Donc, vous allez essayer jusqu'à ce que votre papier passe. D' accord ? Donc même est le cas comme ici dans la boucle que si vous, comment les conditions, supposons que vous avez la condition ici, est que un qui est inférieur à dix. Et vous voulez imprimer la condition de boucle jusqu'à ce qu'une condition spécifique ne soit pas atteinte. Donc, cette boucle sera exécutée dix fois ici, qui commence à partir de 012345 et jusqu'à neuf ici parce que ce sont les dix valeurs ici, parce que nous partons de 0 ici. Donc Sam est un corps bas signifie qu'il va vérifier l'état. Ensuite, si la condition est vraie, cela exécutera l'instruction ou le bloc de code. Que nous allons passer à la condition suivante et semble qu'un cas comme celui-ci créera une boucle ici. Et si les conditions Meet tombe ici, donc simplement que va mettre fin au programme à la fin, signifie qu'il a atteint la valeur dix ici. Donc, cette boucle sera arrêté leur travail. Ainsi, comme vous le voyez, les boucles sont utiles lorsque vous devez exécuter la même ligne de code. Rapidement signifie que si vous voulez exécuter les mêmes lignes de
carte, plusieurs nombres de temps. Ainsi, le concept de boucle vient dans la pièce pour un certain nombre de fois tant que la condition spécifique est vraie, qui soutient ou lac. Vous pouvez voir que supposons que vous voulez taper bonjour monde ou bonjour message un 100 fois dans votre page Web. Bien sûr, vous devez, vous devez copier et coller la même ligne, bien
sûr, une fois 100 au lieu d'utiliser la boucle. Et vous pouvez terminer cette tâche en seulement trois à quatre minutes. Mais quand vous utilisez la boucle, supposons v, comment la condition ici qu'un qui est inférieur à un 100. D' accord ? Et je veux juste imprimer la déclaration bonjour ici, ce qui est une centaine de fois. D' accord ? Donc, cela va exécuter la déclaration, une fois 100 juste ici et à la fin quand il sera atteint 101. Donc, cela va simplement mettre fin au programme, puis arrêter l'exécution juste ici. Maintenant, passons à l'instruction while loop en JavaScript. Les instructions JavaScript while créent une boucle qui exécute un bloc de code tant que les conditions de test que j'attendrais à true. Ou vous pouvez dire que c'est la boucle la plus basique dans le JavaScript, qui est une boucle while, et qui sera discuté dans cette conférence aujourd'hui. Et le but de cette boucle while est d' exécuter l'instruction ou le bloc de code rapidement, tant que l'expression est vraie. Une fois que les expressions deviennent fausses, boucle le terminera. Comment vous pouvez voir ici. Supposons v, comment la boucle while ici. Donc, alors que la boucle fonctionnera jusqu'à ce qu' une condition spécifique ou jusqu'à ce que les conditions ne répondent pas tombe si la condition est fausse. Donc Luke terminera simplement le programme si toutes les conditions sont vraies, donc la boucle sera exécutée son corps. J' espère que tu auras ça. Ainsi, comme vous pouvez le voir ici dans la définition, que la boucle while exécutée aussi longtemps qu'une condition spécifique est vraie. À l'intérieur de la boucle while, vous devez inclure l'instruction qui mettra fin à la boucle à un moment donné du temps. Sinon, votre boucle ne se terminera jamais et votre navigateur s'est peut-être écrasé ici. Ici, vous pouvez voir que c'est juste une syntaxe simple de la boucle while où vous écrivez simplement while et ici vous écrirez l'expression. Quelles sont les expressions ici ? Expressions ici est laissé supposer que nous avons comme un et E qui est supérieur ou inférieur à un 100. Donc c'est ici. Vous allez simplement écrire les expressions conditionnelles ici. Et puis vous exécuterez le bloc de code ici. Les déclarations viles, je porterais les expressions avant chaque itération de la boucle. Alors rappelez-vous que posté qui vérifiera les expressions et ensuite cela exécutera le bloc de code ici. Si les expressions que je vais faire référence à true, l'instruction while exécute l'instruction et si les expressions que je devrai tomber. Ainsi, les exécutions continuent avec cette instruction après la boucle while. Et la boucle while, les expressions avant chaque itération true. Chaque isolations, par conséquent, la boucle while est connue sous le nom de boucle prédéfinie. J' espère que vous comprenez maintenant, sorte que vous pouvez voir que ce n'est qu'un organigramme de la boucle while ici. Tout d'abord, cela commencera à partir d'ici. Ensuite, cela va créer les conditions qui supposent que h est supérieur à un 100 ou un qui est inférieur à un 100 ici. Si les conditions qui conduiront à des chutes. Donc, cela ira simplement à la condition de fin si la condition ici est vraie. D' accord ? Donc, et puis cela va vérifier la déclaration ou un bloc de code ici. Et puis cela passera aux prochaines itérations. Ici, je vais vous parler des itérations. Ici, vous pouvez voir que ici comment un, un qui est moins de cinq. Et nous voulons exécuter cinq itérations. Et notre variable ici est laisser supposer 0. Donc 0 est moins de cinq ici, ou un est moins de cinq ici. Donc ici, vous pouvez voir que d'abord, qui va vérifier les conditions un. Donc, si l'on se rencontre ici, alors ce sera Ici, vous pouvez voir qu'on est moins de cinq. D' accord ? Donc, je vais supprimer ceci. Donc un est moins de cinq. Donc ici vous pouvez voir que ma déclaration, ma condition ici est vraie, qui va lancer des citations juste ici. Supposons alors deux qui est moins que 53, ce qui est moins que 54, ce qui est moins que cinq aussi. Donc, cela fonctionnera aussi bien. Cela va courir trois aussi, qui fonctionnera pour toujours quand il sera atteint à cinq, ce qui est moins de cinq. Ce n'est donc pas vrai. Donc simplement la boucle Bill et son travail ici. Je l'espère. Ce concept est très clair pour vous les gars que quel est le flux de la boucle while ici ? Notez que si vous voulez exécuter cette instruction au moins une, et vérifier les conditions après chaque itération, vous devez utiliser la boucle do-while. Donc, vous obtenez cela, c'est pourquoi vous utilisez la boucle do-while et très vous utilisez while loop ici. Nous allons également en apprendre davantage sur les boucles de do-while dans les prochaines conférences. Ici, passons à l'exemple de la boucle while ici et ici j'écris la balise de script. Maintenant, je vous montre juste ou je vous montre juste les exemples de boucles while à vous les gars. Nous sommes d'abord, je vais écrire une variable. Ici, la variable i, qui est égale à moi, écrivez-en une. La couture est un cas comme notre exemple. C'est le moment. Alors que c'est un mots-clés pour déclarer la boucle while ici et moi, qui est inférieur ou égal à, j'écris juste cinq ou vous avez l'œil droit, qui est la leçon cinq ici. Donc tu dois écrire cette boucle ici, ok ? Ici, c'est le mot-clé. Ensuite, nous avons ici la condition et c'est les parenthèses. Vous devez commencer votre code ici. Maintenant, ici, vous pouvez voir l'écriture de point de document, et ici j'ai écrit que simple une balise de paragraphe. Et la balise de paragraphe ici est le nombre de boucle while. Ou une boucle while est. D' accord. Alors je vais écrire plus, plus de la glace, non ? Moi, puis plus. Alors je vais vous dire que quelle est cette logique ? Et ici, je dois fermer cette balise p juste ici, puis fermer cette déclaration. Tout d'abord, comme vous pouvez le voir ici, je frappe document.write puis paragraphe tag. Ensuite, voici la déclaration ou la ligne de code. Et ici, je ne peux pas y entrer ma variable ici. Donc, premièrement, cela va courir i qui est égal à un. Donc la condition ici est alors
que, alors que voici je, supposons que 11 est inférieur ou égal à cinq. Donc, cela va exécuter ce bloc de code 012345 temps. Donc vous pouvez voir ici 1234510. Donc je pense que vous êtes beaucoup confus sur 01234 temps. Donc ici, tout d'abord, je vais vous dire que quel est l'indice ? Donc l'index ici est, supposons v, comment les cinq valeurs, supposons 12345 valeurs. Donc, l'index de ces valeurs ici sont, vous pouvez voir que je viens diviser ceci dans les boîtes. Donc ici, l'indice à partir de 01234. Donc, vous pouvez voir ici dans le sens de l'informatique, la valeur est, commence à partir de 0, qui va monter au nombre de n. Donc ici, nous avons la valeur faciale, donc à partir de 0, donc 01234 ici. Aussi votre concept est très clair maintenant. Et après cela, nous courons cette boucle while. Donc, ici, nous faisons simplement l'opérateur d'incrémentation parce que cette valeur va commencer à partir d'un et cela va jusqu'à cinq. Donc ici, cet opérateur d'incrément fonctionnera comme ici. En plus, je travaille comme,
comme ici, on en a un. Donc ici, nous allons faire un plus un qui est égal à deux, puis deux plus un qui est égal à trois. Puis trois plus un, ce qui est égal à 44 plus un qui est égal à cinq. Et ici c'est 0 plus un qui est égal à un ici. J' espère que ce concept est beaucoup plus clair pour vous sur l'opérateur d'incrément. Maintenant, exécutons ce code. Et ici, je viens de lancer ce code dans le navigateur. Nous sommes, c'est la boucle while. Ok, ici vous pouvez voir que ce sont les itérations qui vont commencer à partir de 12345. Donc, cela va courir 0 plus un, ce qui est égal à un, puis 2345 juste ici. D' accord ? Donc, ici, vous pouvez voir que v comment, tandis que, qui est une déclaration i, qui est inférieure ou égale à cinq ici. Si soif qu'on a mis un ici. Donc l'un est vrai, deux est aussi vrai, trois est aussi vrai parce que c'est aussi vrai, et cinq est aussi un groupe. Juste à cause d'ici, j'écris juste cinq qui est inférieur ou égal à cinq. Si j'écris juste cinq, ce qui est inférieur à cinq, donc cette déclaration ne sera pas exécutée ici. Ensuite, vous pouvez voir ici cette boucle vérifiera six, ce qui est inférieur ou égal à cinq. Donc, cette condition est fausse. Donc simplement boucle va mettre fin à son programme ou terminer son corps. C' est ainsi qu'une boucle while fonctionne dans le JavaScript. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
29. Javascript pour la boucle: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la boucle for en JavaScript. C' est l'informatique, une quatre boucle. Ou vous pouvez dire qu'une boucle simple for est une instruction de flux de contrôle pour spécifier les itérations qui permettent au code d'être exécuté rapidement. Pour boucle est une instruction conditionnelle de langage de programmation qui est utilisée pour vérifier certaines conditions, puis exécuter rapidement un bloc de code tant que ces conditions sont remplies. Le for-loop est désigné ou vous avez manqué, est dérivé d'autres instructions de boucle à travers une boucle explicite, compteur et boucle ou variable, ce qui permet au corps de la boucle de connaître la séquence exacte du titrage. Comment vous pouvez voir que je vais vous dire le diagramme de flux de ceci pour la boucle juste ici. Ici. Concentrez-vous sur ce diagramme. Tout d'abord, nous commençons notre corps de boucle à partir d'ici. Donc, comme vous pouvez le voir ici, nous avons la première condition est un si cette condition est faite, sorte que cela va simplement passer à cette condition. Si cette condition est vraie, alors cela va passer à cela, qui va déplacer cette boucle à cette conditions de mer sont alors ajouter du verre que nous allons passer à ce déconditionné, puis exécuter ce bloc de code. C' est simplement la séquence juste ici. Ok, je vais vous le dire. Je vous dirai d'abord fait cette séquence. Maintenant, vous pouvez voir que je dois écrire. Je dois vous montrer que lorsque nous avons eu les fausses déclarations, c'est ce que nous ferons ici. Si l'une de la déclaration ici est rencontrer tombe. Donc, ce corps de boucle va simplement terminer cette boucle et terminer les itérations ici. Donc, ce n'est pas des diagrammes clairs pour vous les gars. Ici, vous pouvez voir que tout d'abord, notre boucle commence à partir d'ici. Ensuite, ici qui vérifiera la condition. Si la condition est vraie. Donc, c'est simplement que va déplacer le bloc de code ou l'instruction, puis cela va passer à l'itération suivante. Et la même chose est le cas comme si nous avons 55 itérations. Donc ça va simplement déplacer les pompiers comme ça, d'accord ? Si je ne veux pas de conditions ici, c'est de la viande. Donc tout simplement cela va surpasser les itérations de la boucle ici. Comme vous le voyez, une boucle for permet d'exécuter rapidement un ensemble particulier de conditions jusqu'
à ce qu'une condition soit satisfaite. Imaginez une situation où vous auriez à imprimer le numéro de 100, que ferais-tu ? Et lorsque vous tapez l'impression F ou lorsque vous tapez dans le document.write print f est juste en C plus Kumar. Mais ici, vous pouvez voir que nous avons le bon document point écrire un 100 fois. Alors venez sur un 100 fois ou essayé de copier collé. C' est une tâche simple qui prendrait une éternité. En utilisant une boucle for, vous pouvez effectuer cette action dans trois instructions. Comment vous pouvez voir cela ici, vous pouvez voir que v, comment le texte d'envoi de cette boucle ici. Donc, la syntaxe de la boucle for ici est d'abord, les quatre ici sont un mot-clé pour écrire la boucle for. Ensuite, nous avons cette déclaration numéro un, puis vous avez le point-virgule droit puis est la déclaration numéro deux, puis le point-virgule et la déclaration Dennis numéro trois et le point-virgule, vous devez écrire un bloc de code ici. Ok, ici vous pouvez voir qu'à tout d'abord, nous devons initialiser notre boucle. Comment ? Vous pouvez voir que nous avons pour boucle comme mot clé. Ensuite, nous avons la déclaration numéro un. Dans la première déclaration, nous comment initialiser notre boucle. Comment initialiser les boucles signifie que supposons ici que nous avons la valeur i, qui est égale à 0. Donc initialement l'initialisation de la boucle est où V initialise notre compteur ou où nous initialisons notre valeur à notre valeur de départ. Et l'instruction d'initialisation est exécutée avant le début des boucles. Ensuite, nous avons la condition de test. La condition de test ici est laissée supposer i, qui est inférieure ou égale ou supérieure ou égale à cinq. C' est donc une condition de test ici. Donc, tester les conditions qui testeront si une condition donnée est vraie ou non. Si la condition est vraie, alors le code d'un jeu et à l'intérieur de la boucle sera exécuté sinon, le contrôle sortira de la boucle. J' espère que vous comprenez que comment cela pour le travail de la boucle, alors nous devons passer à la troisième citation ou cette déclaration ici, où vous devez écrire l'itération est prise. Qu' est-ce que l'itération i prend ici. Je l'itération est la déclaration ici est signifie que vous devez écrire l'opérateur d'incrémentation et de décrémentation. Supposons que je
plus, plus ou moins, moins juste ici. Donc ce sont les trois déclarations ici, où vous devez d'abord, n'est-ce pas ? Initialisé comme i, qui est égal à deux, ou yeux qui est égal à trois. Alors ici, vous devez écrire comme moi, ce qui est moins de cinq, et ensuite vous devez écrire que je plus, plus. Ok. Donc, je déclaration d'itération est où vous pouvez augmenter ou diminuer le compteur comme je viens de vous dire que vous avez un bon opérateur d'incrémentation ou de décrémentation ici. Passons simplement à l'exemple suivant de cela. Ici, nous devons aller à l'exemple de codage, et ici j'ai raison, un de la balise de script juste ici. Tout d'abord, je vous montre juste un exemple simple où je viens d'imprimer la boucle FOR et je vais vous montrer les itérations. Supposons ici que nous ayons le bon document et que j'écris document.write. Et ici, j'ai écrit, cette boucle commence à partir d'ici, ok ? Et puis ici, j'ai écrit une balise BR. Ok. Et ici, vous pouvez voir que c'est ici. Donc, comme vous pouvez le voir quand je lance juste ce code ici. Donc, avec la boucle for et oui ici. Donc, comme vous pouvez le voir ici que nous avons simplement la boucle commence à partir d'ici. Ensuite, nous devons écrire la boucle. Ici, nous avons le 44 est un mot-clé juste ici. Ensuite, ici, nous devons écrire i qui est égal à 0, ou vous avez écrit simplement le compteur qui est égal à 0. Alors ici, j'écris ce compteur, compteur, qui est inférieur à dix ou qui est inférieur à 15. C' est à vous de voir. Vous devez écrire n'importe quelle valeur. Et puis ici, je dois écrire compteur plus, plus. Ok. Ensuite, ici, je dois commencer l'instruction de boucle où j'ai écrit que c'est un document. Et le document ici est que j'ai aidé à écrire document.write. Et là, je dois imprimer un saut de ligne, ok, ici vous pouvez voir. Alors ici vous pouvez voir que je dois écrire que c'est un document. Et ici, je dois écrire document.write. Et où ici, je viens d'écrire que c'est le compteur actuel et actuel ici. D' accord ? Et là, je dois écrire ou je dois concaténer ce compteur. Donc vous pouvez voir qu'ici je suis toujours en train de recevoir ce compteur. Donc concaténations signifie que si vous avez le compteur commence à partir de 0, donc 0 plus un qui est égal à un, puis un plus un qui est égal à o. et semble un cas comme ça va courir à la valeur de 15 off. vous vois compréhensible ici quand la boucle est en haut. Donc, cette instruction sera exécutée ici, qui est document.write. Et ici, je dois écrire ça simplement. C' est la boucle et la boucle ici est surmontée. Et ici, je dois fermer ce code et ferme le manteau aussi. Donc ici, vous pouvez voir que je viens d'aller au navigateur et rafraîchir ce trou. Comme vous pouvez le voir ici, la valeur commencera à partir de 0 et va jusqu'à 14 ici. Donc ici, vous pouvez voir qu'il ya des traditions ici est que
je veux imprimer cette valeur jusqu'à 15 numéros de temps. D' accord ? Donc, les itérations de boucle commenceront à partir de 0 ici. Donc 0 plus un, ce qui est égal à un plus D, C'était 0 plus 0. Et puis ici 0 plus un, puis un plus un qui est égal à deux, puis deux plus un qui est égal à trois. Et puis CME comme une affaire comme ici, jusqu'à 14. Et puis après cela, après cette boucle actuelle sera exécutée comme 15s numéro ou 50 nitration, la boucle sera terminée et qui imprimera AS que vous devez arrêter cette boucle ici. J' espère que ce concept est clair pour vous les gars à la façon dont nous pouvons travailler avec la boucle for dans le JavaScript. Je pense que cet exemple n'est pas assez génial pour vous les gars. Et ici, je vous montre juste l'un après l'autre exemple. Ici vous pouvez voir que v, comment les variables et les variables sont ici, j'écris juste que les variables ici sont des fruits. Ici, vous pouvez voir que j'ai des fruits secs. Voici des pommes. Alors on comment ? Des mangues simples. Alors ici, cerise. Et puis offrez que c'est là. Vous pouvez voir que j'avais monté ce tout simplement orange. Et ici, j'avais raison, que l'un des, un autre nom ici. Supposons que c'est de la banane, d'accord ? Cela vous pouvez voir ici j'ai écrit pour la boucle et pour les cheveux. Tout d'abord, j'utilise juste l'itération i ici, car je viens de vous dire que notre première étape ici est l'initialisation de la boucle. Ok, donc ici j'ai la bonne variable. La variable est mon let supposons i, ce qui est égal à 0. Donc, je suis juste goudronné mes variables de i ici. Donc ici, vous pouvez voir que puis je passe juste à la deuxième itération ici, ou à la deuxième déclaration juste ici, qui est i, qui est moins que des fruits. D' accord ? Et puis ici après cela, j'utilise juste l'opérateur d'incrément, qui est i plus. Ici vous pouvez voir que j'ai le bon document, point écriture. Et ici, vous pouvez voir que j'ai raison, simplement une balise de paragraphe. Et c'est une balise de paragraphe juste ici. Et puis ici, je vais concaténer les fruits ici, ce qui est ma variable. Et ici, je fournit juste l'index sur i juste ici. Ensuite, ici, j'écris juste plus N, alors simplement, c'est la balise de paragraphe. J' espère que vous obtenez que la façon dont nous pouvons créer la boucle for ici. Allez dans le navigateur, actualisez ceci, et ici vous pouvez voir la sortie ne nous est pas montrée. Et juste à cause de cette balise de script. Et ici, je viens d'enregistrer et de rafraîchir ceci afin que notre sortie ne nous montre pas. Laissez-nous vérifier l'erreur ici. Et oui ici, vous pouvez voir que nous devons fournir cette condition ici. Mais je ne donnerai pas la longueur de la flûte ici. Donc j'essaie juste d'utiliser prêté l'a rencontrée ici. Ok, et ici ce code aussi. C' est notre vieux grossier, ne le confondez pas ici, alors nous travaillons aussi. Rafraîchissez ceci. Donc, vous pouvez voir ici que d'abord nous comment Apple puis mangue, cerise, orange, n, banane juste ici. Donc, vous pouvez voir que tout d'abord, nous créons une variable sur le fruit. Et là, je crée juste la liste de ces fruits ici. Ok, puis ici après cela, je conteste une boucle for qui est un mot-clé. Et puis ici les variables. Donc c'est ma variable ici. Ensuite, pour la citation, la deuxième itération sera
les instructions les plus rapides secondaires à l'instruction et la troisième instruction ici. Et après cela, je suis juste en train d'exécuter tous ces blocs de codes ici. Espérons que vous comprenez maintenant que comment nous pouvons travailler avec ces boucles. Donc, ici, vous pouvez voir qu'à ceux-ci sont quelques-uns de l'élément boucles. Ou j'utilise juste ces éléments de boucles comme édition ici. Donc, ne le confondez pas à propos des tableaux. Nous allons en apprendre davantage sur l'air est la prochaine fois dans les conférences à venir, vous venez de faire un concept ici que nous sommes en train de créer les numéros multiples de site alimentaire ici ou plusieurs nombres de énumérés ici. Donc v vont travailler sur ce domaine dans les prochaines conférences à venir ainsi. Juste concentré sur cela pour la boucle juste ici dans cette conférence. Espérons que ce concept sur la boucle for est très clair pour vous. Si vous ne comprenez pas l'un des points ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
30. Faire en boucle en boucle pendant la boucle: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la boucle do-while en JavaScript. Dans la conférence précédente, vous avez appris tout en boucle en JavaScript. Une boucle do while est similaire à la boucle while, une
exception près qu'elle exécute l'instruction à l'intérieur du corps du do-while avant de vérifier la condition. D' autre part, la boucle while, la condition est vérifiée, puis l'instruction dans les boucles while sont exécutées. Donc, vous pouvez dire que si une condition est fausse en premier lieu, alors le do-while fera while boucle sera ou retournerait celles. Cependant, la boucle while ne reviendrait pas du tout. Combien de télévision, comment le bleu, puis v, comment la boucle tout, ok ? Si la condition est fausse, cette boucle s'exécutera à un moment ou au moins une fois. Si vous vous souvenez de la façon dont les boucles for et while fonctionnent, vous vous souviendrez que ces boucles vérifient les conditions des boucles au début de la boucle. Sauf si la condition est satisfaite, la boucle ne sera pas exécutée. La boucle ou la boucle do-while vérifie la condition à la fin de la boucle. Ce qui signifie que d'abord, cela vérifiera leur déclaration à l'intérieur de foo, et ensuite cela vérifiera la condition. D' accord ? Cela signifie que l'instruction à l'intérieur du corps de la boucle sera exécutée au moins une fois, même si la condition n'est pas vraie. Ici vous pouvez voir que l'automatisation est la technique de nous
faire fonctionner système automatiquement. Dans la programmation, nous utilisons des boucles pour automatiser les répétitions ou répéter, répéter, répéter, répéter des tâches. Les boucles sont l'une des fonctionnalités les plus utiles des langages de programmation. Et dans cette conférence, nous allons apprendre sur le flacon et la boucle do-while en JavaScript. La boucle while ou la boucle do-while, take wins dans les JavaScripts sont similaires aux instructions conditionnelles, qui sont le bloc du code qui s'exécutera s'il est spécifié, résultat vrai. Contrairement à une instruction if dans laquelle je n'attendrai qu'une, une boucle reviendra plusieurs fois jusqu'à ce que les conditions ne soient plus vraies. Ici vous pouvez voir qu'il s'agit de notre diagramme ou des diagrammes de flux de la boucle do-while. Où vous pouvez voir que d'abord v, comment la déclaration de do. Vous pouvez voir ici. Ensuite, si la condition est vraie, alors cette boucle passera à l'instruction while. Sinon, cela ne s'exécutera qu'à la première instruction. Ok. Ici, vous pouvez voir l'étape suivante qui va simplement déplacer le corps de la boucle. Et si la condition est vraie ici, donc cela va vérifier la condition ici. Donc, si la condition est vraie, que nous allons passer à la condition deux
, puis cela va répéter ce type de processus à nouveau. Espérons que vous comprenez maintenant si la condition est fausse, tout simplement que va exécuter un segment, puis passer à la dette, va passer à la fausse déclaration, puis simplement boucle mettra fin à sa réserve. Mais la boucle do-while fonctionnera au moins une fois. On dirait une affaire comme ici. Accéder à cette cible, puis vérifiez cette instruction. Alors cela vérifiera cela. Condition. Si la condition est fausse, cela exécutera simplement la condition fausse, puis la boucle la terminera. C' est une syntaxe de la boucle do-while ici. Tout d'abord, nous devons le faire, puis nous avons la déclaration ici. Alors pourquoi un mot clé due est également le mot clé ici. Ensuite, cela va vérifier la condition dans le moment et simplement imprimer comme un lecteur. Comme vous le voyez, la partie do de la boucle vient en premier et est suivie de la boucle while. Le bloc de code ou le bloc de base s'exécutera, alors les conditions seront testées car il s'agit d'une boucle while anormale. Vérifions simplement l'exemple de codage sur la boucle do-while et nous verrons que comment cela fonctionne pendant que la boucle fonctionne. J' écris juste une balise de script ici. Et ici vous pouvez voir qu'à l'intérieur de cette balise de script, j'ai la bonne variable et la variable ici est considérée comme un cas comme notre ancien exemple. Isoler la variable ici est compteur. Puis ici, j'ai aidé à écrire document.write, et ici nous avons le document.write. Et ici, j'ai décidé que j'utilisais le compteur actuel juste ici. Alors ici, je concaténation ce compteur. D' accord ? Ou ici, vous pouvez voir que d'abord, je suis juste en cours d'exécution de cette déclaration où j'avais raison, que c'est le début de désolé, est le ciblage de la boucle juste ici. Et puis ici, je dois concaténer une de la balise BR juste ici. D' accord ? Et puis ferme le score. Maintenant, nous sommes officiellement commencer notre boucle do while. Ici. Tout d'abord, j'ai le droit de le faire. C' est le do en tant que mot-clé, alors ce sont les parenthèses, ou désolé, les enregistrements de crochets bouclés juste ici. Et maintenant ici, j'ai écrit que c'est le document, document.write. Et ici, je dois écrire que c'est juste un compteur Courant. Ok, alors ici j'ai écrit que c'est le compteur comme nom de variable. Et puis plus ici, je vais juste écrire cette balise BR pour la pause des doigts. Maintenant, vous pouvez voir que si j'écris juste compteur plus plus, et alors nous allons passer à la boucle while. Nous sommes, j'ai dû écrire que c'est le compteur si le compteur est inférieur à cinq. Donc simplement vous avez, juste, désolé, désolé, ici. Si le compteur est inférieur à cinq. Donc tout simplement vous avez raison, que le document point écrire v ou v. Comment ? Instruction de boucle. Arrête. D' accord ? Et vous pouvez voir ici, donc nous allons exécuter ça. Et désolé pour ça. Et nous y avons. Et vous pouvez le voir ici. Tout d'abord, nous comment ils démarrent la condition de la boucle, puis ce sont la boucle ce que nous courons ici, comme vous pouvez le voir ici, notre compteur est inférieur à cinq. Si nous courons compteur est supérieur à cinq. Alors vérifions simplement la sortie. Donc, vous pouvez voir ici que le compteur actuel ici est dix, parce que je vous dis juste que la boucle do-while va fonctionner. Au moins une fois. Ok. Donc, comme vous pouvez le voir que cela obtiendra le compteur actuel et simplement le résultat de la boucle sera terminé ici. Espérons que oui. Ce concept est beaucoup plus clair pour vous les gars que la façon dont nous pouvons exécuter la boucle do-while ici vous aide à comprendre maintenant, maintenant ici je suis juste en cours d'exécution l'un ou l'autre exemple pour vous les gars où vous pouvez voir ici, c'est un exemple très rapide . Et ici, vous pouvez voir que je crée juste une variable semblant comme ça. Ici, je l'ai dit, ce qui est égal à un exemple très simple. Puis ici, j'écris juste une boucle do-while. À l'intérieur de la boucle do while ici, j'écris juste que c'est le document ou droit ? Et ici, je dois écrire ça. Le nombre est, et ici je dois concaténer ma variable ici, ok, et ici je dois fermer ce noyau. Maintenant, ici, je choisis juste l'opérateur d'incrémentation. Et puis ici après cela, je vais juste exécuter la boucle while où je viens de lancer la condition. Donc la condition i, qui est inférieure ou égale à cinq. Et puis voici l'accord le plus proche. Laissez-nous vérifier pour l'instant. Et vous pouvez voir ici. Alors vérifions ce saut de ligne unique. Et vous pouvez voir ici, donc c'est un graphique, diable, et c'est un tag tr juste ici. Exécutez à nouveau. Donc, ici vous pouvez voir qu'au premier stade le nombre est un, puis le nombre est deux, puis le nombre est 345 parce que nous remplissons la condition ici. Vous pouvez voir que si vous écrivez dix ici, alors nous allons vérifier la sortie. Donc, vous pouvez voir ici le nombre ici est deux parce que cela exécute l'itération actuelle juste ici. Ok, les connaissances se sont tournées vers ça et aucun M. ne vous explique plus. Ici. Vous pouvez voir que si notre état est soigné parce que notre variable de compteur ici est égale à dix. Donc d'abord, vous pouvez voir ici que nous allons imprimer l'itération de façade 0. Ensuite, ici qui imprimera les itérations secondaires un, puis ici 234, vous pouvez voir ici 12345 numéros. Et puis la boucle le terminera juste ici et s'arrêtera. La boucle. Vous aide à comprendre maintenant que comment nous pouvons exécuter la boucle do-while dans le JavaScript. Alors, quelle est la différence entre la boucle while et do-while ? Ainsi, les boucles while diffèrent des boucles do-while une
manière importante qu'avec une boucle while, les conditions pour pouvoir l'obtenir sont testées au début de l'itération de chaque boucle. Donc, si la condition expriment Elfique par défaut, la boucle ne sera jamais exécutée. Mais avec une boucle de do-while. D' autre part, la boucle sera toujours exécutée une fois. Si même la condition sera fausse ou les conditions, je la laisserai au faux. Contrairement à la boucle while, la condition est que je le ferai jusqu'à la fin de la boucle. Les itérations plutôt que le début. Espérons que vous comprenez maintenant, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
31. Débat sur Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de l'instruction switch ou de l'instruction de cas switch dans le JavaScript. Au début de ce cas de commutateur est pris. Les instructions conditionnelles sont parmi
les fonctionnalités les plus utiles et les plus courantes dans tous les langages de programmation. Si vous travaillez avec C, C plus, plus Java ou JavaScript ou Python. Donc, ici, je vais vous dire que comment vous pouvez travailler avec une instruction switch dans le JavaScript. Mais avant de commencer l'instruction switch, je suis juste d'appeler votre partie du concept sur l'instruction if et else. Donc, comme vous le savez si, sinon si les instructions sont les instructions conditionnelles dans tous les langages de programmation. Et ce sont tous les mots clés. En plus de l'if-else est pris comme dans le JavaScript a une fonctionnalité connue sous le nom d'une instruction switch. Et le commutateur est un type de l'instruction conditionnelle qui va évolutions et expressions contre les multiples cas possibles et l'exécution un ou plusieurs blocs de code basés sur les cas correspondants. L' instruction switch est étroitement liée à une instruction conditionnelle, qui contient le nombre comme si bloc d'accords. Et puis cela peut être souvent utilisé dans la capacité de charge. Vous pouvez également utiliser avec les instructions if else if ou désolé, avec des instructions de cas de commutateur comme boucle while et d'autres structures de boucle soit parce que ce sont tous les contrôles flux. Dans cette conférence, vous apprendrez comment utiliser l'instruction switch
ainsi que comment utiliser l'instruction case and break. Et vous apprendrez également sur le mot-clé par défaut. Tout d'abord, nous allons passer à l'instruction switch. Instructions de commutation, j'attendrai et les expressions et exécuterai le code à la suite de la casse correspondante. Au début, il peut sembler un peu et médiateur, mais le scientifique de base est similaire à cela. Si, c'est un IfStatement, comment vous pouvez voir que peut-être Vi Hart droit ? Switch, switch ici est le mot-clé. Ensuite, vous aviez écrit des expressions. Ensuite, vous avez exécuté ceci avec des crochets bouclés. Ensuite, ici, un autre mot-clé utilise comme cas. Supposons que nous ayons un cas un ou un cas x. après avoir terminé le corps de l'affaire, nous devons casser cette affaire ici. Donc frein est également en cours d'exécution pour ou break est également un mot clé à casser. Cette affaire ici. Si nous détenons les différents types de cas, supposons le numéro de cas y ou le numéro de cas z. Nous devons
donc casser chaque cas avec l'aide de ce mot clé de rupture juste ici. Espérons que vous comprenez maintenant et ajoutez le dernier véhicule pour exécuter le cas par défaut aussi. Comme vous pouvez le voir ici, ce cas est un mot-clé, switch est un mot-clé, break est un mot-clé et par défaut est également un mot-clé ici. Donc, c'est le ok par défaut. Ici, vous pouvez voir que Donc, quand vous êtes juste son terminer ce cas ici, sorte que vous devez terminer cette déclaration de cas sans deux-points et la pause ici avec nous point-virgule et vu comme un cas comme par défaut ici. Je vous dis juste l'architecture de la déclaration if-else. Donc, d'abord, vous pouvez voir ici nous avons la déclaration if, puis nous avons la déclaration else-if, et ensuite nous avons la déclaration else. On dirait une affaire comme ici. Vous pouvez voir que comment le commutateur alors nous avons le premier cas, deuxième cas, le troisième cas, si aucun des cas ne correspond ici dans le flux du programme, alors le flux du programme sera directement déplacé avec une condition par défaut et exécutez le bloc de code dans la condition par défaut ici. Je l'espère. Ce concept est clair pour vous les gars. Donc, comme vous pouvez le voir ici jeûné que nous allons évaluer les expressions juste ici ou les conditions juste ici dans l'instruction switch. Ensuite, le premier cas sera exécuté ici. Donc, le premier cas, qui est le X ici, sera testé par rapport aux expressions. S' il correspond, le code exécutera et cassera les mots-clés et que nous allons passer à la fin du bloc de commutation. Aucune des conditions n'est exécutée ici. Si cette condition n'est pas remplie, alors cela passera à ce cas ici. Et c'est le cas comme dans cette affaire ici. Si aucun des cas n'est météorite ici, donc simplement que nous allons passer au cas par défaut et exécuter le bloc de code dans leur cas par défaut ici. J' espère que vous comprenez maintenant. Ainsi, l'objectif de l'instruction switch est de donner une expression à évaluer, et donc plusieurs instructions différentes pour exécuter le basé sur la valeur des expressions et, ou les interprètes vérifient que chaque cas contre la valeur des expressions jusqu'au téléphone Met. Ici, je vais vous dire que comment nous pouvons exécuter notre instruction switch dans le code d'échappement Java. Vérifions ça. Ici, je vais vous apprendre sur le bidirectionnel que comment nous pouvons écrire le cas du commutateur. Tout d'abord, nous avons des droits qui et ici vous pouvez voir que ce v, comment le commutateur de grilles. D' abord, nous allons calculer les notes des élèves. Ici. Je crée juste une variable. Variable ici. Nos grades et nos grades sont égaux à la glace, n'est-ce pas ? Que les enfants commencent à partir d'un seul ici. Ici, vous pouvez voir que la glace droit document.write. Et désolé, c'est document.write ici. Et vous pouvez voir que ici j'ai écrit inter dans votre bloc. D'accord ? Et puis ici, j'ai écrit un code le plus proche de saut de ligne juste ici. Et nous allons passer à travers les boîtiers de commutation juste ici. Maintenant, je suis juste en train d'écrire le premier cas. Donc le premier cas est pour la huitième année. Notre première entrée ici est le droit a ici, qui est le nom de la variable. D' accord ? Si ce cas est adapté, donc simplement cela exécutera le bloc de code et cela ignorera tous les cas ici. Donc, vous pouvez voir ici que je dois écrire ce document.write. Et là, je dois monter. C' est une note plus juste ici, accord le plus proche. Et puis on passera à l'affaire B juste ici. Donc, comme vous pouvez le voir ici, nous avons l'affaire B. Et là, nous commençons l'affaire B juste ici. Maintenant, ici, document.write. Et là, vous pouvez voir qu'ici nous avons ce grade B juste ici. D' accord. Ici comme je vous dis juste que quand vous écrivez l'affaire pour briser cette affaire, vous devez faire une déclaration de pause juste ici. Donc pause ici est le mot-clé. J' espère que vous comprenez maintenant, Non, je vais juste copier ceci et le coller juste ici pour l'affaire c juste ici. Et c'est un grade C,
C, C et les cheveux que vous avez vu que nous avons aussi le grade D. Ok. Donc, comme vous pouvez le voir ici, que notre note ici est d. Donc, si aucune de ces instructions n'est exécutée ici, donc simplement cela va déplacer votre mot clé par défaut. Et vous pouvez voir ici que j'ai écrit ce document point écrire. Et ici vous pouvez voir que j'ai écrit ça. Phil, d'accord ? Et ferme le code ici. Maintenant, après cela, vous pouvez voir ici je suis juste en cours d'exécution une de l'autre déclaration. Donc document point écrire. Et ici, vous pouvez voir que je dois écrire
ça, ce commutateur et a fait et ferme le noyau juste ici. Maintenant, je suis juste en train d'exécuter ce code dans le navigateur. Donc, vous pouvez voir ici que la sortie ici est d'abord v, comment entrer dans le blog, où nous avons le grade a et puis nous avons le cas de commutateur terminé juste ici. Si vous écrivez b ici. Donc vous pouvez voir ici et je viens juste de rafraîchir ceci, donc le bloc B sera exécuté juste ici. Espérons que vous comprenez maintenant que comment ce cas de commutateur fonctionne et comment des cas
discrets similaires aux instructions if else if ici. J' espère que tu auras ça. Maintenant, vous pouvez voir que je suis juste en cours d'exécution les jours sont cryptes juste ici. Comment vous pouvez voir que je suis le script striding. Maintenant, je suis juste en train de créer la variable. Et variable ici est, supposons que les jours, ce qui est égal à ici, je suis juste en train d'écrire le nouveau. New est une méthode ici et c'est la date comme méthode ici. Maintenant, je veux juste changer d'affaire. Switch cas ici est d dot get méthode et obtenir la date juste ici. D' accord ? Et ici, vous pouvez voir que je dois écrire cette date. Et c'est le jour juste ici. Tout d'abord, je suis juste en train de lancer l'affaire numéro 0. Donc j'espère que vous comprenez maintenant que notre, sont le départ de la 0. Et puis si le jour est 0 ici, alors nous avons écrit ce document, point écrire, et ici j'ai écrit qu'aujourd'hui c'est dimanche parce que notre Callender commence à partir de dimanche. Et puis ici, j'ai écrit ça une déclaration de rupture juste ici. Ensuite, nous passons à l'autre cas, qui est le cas numéro un, et c'est le cas numéro deux ici, je viens d'écrire que c'est lundi, et c'est mardi. Ici, c'est une affaire numéro trois. Et ici, je suis arrivé à ce est témoin. Et puis ici, nous allons passer au numéro de l'affaire numéro 5. affaire numéro 6 ici. Donc c'est un cas numéro cinq et c'est un cas numéro six. Alors mercredi et jeudi. Et ici, nous avons le vendredi et le samedi si aucun des cas n'est météorite ici, sorte que le corps de la boucle sera exécuté. Instruction par défaut. même chose est le cas comme L, cette déclaration ici. Donc, ici, nous avons écrit, document.write. Et ici, je foule il n'y a aucune information trouvée ici. Et ferme le noyau ici. Maintenant, j'ai raison, c'est une déclaration de rupture aussi. Et nous allons juste exécuter ce code. Donc, d'abord un Hadoop copier ceci et ensuite exécuter ce code ici. Donc, nous nous avons probablement erreur coiffure droite en ajoutant le côlon et le lieu de cette date. Et ici, j'étais arrivé un seul saut de ligne et le tag HR. Maintenant, je rafraîchis ça. Donc ici, vous pouvez voir qu'ici c'est courir qu'aujourd'hui c'est le lundi juste ici parce que c'est en cours d'exécution ce jour-là. Ici, c'est Amanda. Oui. C'est en cours d'exécution de l'affaire numéro un. Espérons que vous obtenez que la façon dont vous pouvez obtenir la date avec l'aide du boîtier de commutateur et comment le boîtier de commutateur fonctionne ici. Donc, comme vous pouvez le voir ici, premièrement, nous avons les conditions ici. Si cette condition est faite. Donc ça va vérifier les cas ici. Si ce cas est mu two simplement, cela va exécuter ce bloc de code et ignorer tous ces blocs de codes ici. Si aucun des cas n'est rencontré ici. Donc, la même chose est le cas comme si deux autres, alors cela va simplement passer au bloc de noyau else. Donc, ici, à la place du bloc S de code ici, nous avons le cas par défaut juste ici. Donc, l'avantage ici est de l'étui de commutation. Comme je sais que vous avez ce type de question que quel est l'avantage des instructions switch et pourquoi nous les utilisons ici,
les principaux avantages est que dans ce cas, l'utilisateur peut comparer ne sont pas hors de la valeur des variables par une seule instruction switch et en utilisant un certain nombre de cas ici. Il est de rendre les détections d'erreurs plus faciles que le programme est divisé en plus US à travers ces cas. Et il est généralement utilisé lorsque de nombreuses valeurs de nos variables doivent être Comparer ici. D' accord ? Ainsi, le but de l'instruction switch est le type du mécanisme de contrôle des sélections utilisé pour permettre à la valeur d'une ou expressions de modifier le flux de contrôle du programme. Et cela sera exécutions via la recherche et les cartes. Ok, j'espère que vous comprenez maintenant si vous trouvez un problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
32. Tableau Javascript: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de ce qui est un tableau et comment nous pouvons utiliser dans nos langages de programmation. Tableau qui est une structure de données constituée d'une collection d'éléments, valeurs ou de variables, chacun identifié par au moins un. Indexé ou clé. Les tableaux sont une partie importante des langages de programmation et les zones sont utilisées pour stocker plusieurs valeurs dans une seule structure de données. Un journaliste arabe a déchiré une collection d'objets dans les lieux de mémoire continus. Et il peut également être appelé comme liste dans la collection dans la plupart des langages de programmation comme Python. D' accord ? En l'état, dites-vous une réponse courte sur le tableau. Ainsi, un tableau peut être défini comme n
collections ordonnées de l'index de l'élément par l'entier continu. Tel qu'il est. Parle-toi de la longue réponse. Donc, l'air est étroitement lié à une façon dont les informations de librairie. Laissez, laissez, laissez, je vous ai juste donné l'exemple de cela ici, vous pouvez voir que v, comment livre anglais, ou v, comment livre Java. À l'intérieur du livre, v, comment dix chapitres. D' accord ? Comme il suffit de vous dire qu'un Arabe peut être défini comme des collections ordonnées de l'article. Cela ne veut pas dire que votre chapitre numéro un viendra à la fin du livre. Êtes-vous un chapitre numéro dix est venu au premier du livre. Je vous dis juste que le tableau est les collections d'ordre des éléments ou des éléments. Espoirs événement est à dix heures. Ici, vous pouvez voir que comment vous pouvez accéder à l'élément souvent ajouté ici. Rappelez-vous notre exemple de livre, où nous avons parlé de l'index et de l'ordre dans un tableau. Chaque élément à l'intérieur du tableau a un index. L' index n'est rien d'autre que nos chiffres, comme vous pouvez le voir sur votre écran. Mais l'index n'est pas un nombre aléatoire, comme vous le savez ici, vous pouvez voir que nous avons l comme un nombre aléatoire ici,
qui est, est TOR à l'intérieur du tableau. Je vais également vous parler de l'indexation. Ok. Ici vous pouvez voir que v, comment cinq éléments ou les éléments qui sont aussi déchirés dans le, ajouté ici. Dans le dernier exemple, vous pouvez voir quand je viens de travailler avec une boucle for. Donc je vous parle juste de cette indexation ici. Donc, comme vous pouvez le voir ici, v, comment cinq valeur, qui est TOR à l'intérieur et éditer ici, qui est 56, désolé, 5650. 342412. L'indexation de ces toutes les valeurs ici sont 01234, semble un cas comme ça ici. Ainsi, comme vous pouvez le voir, l'index entier commence à partir de 0 et monte à un à la fois. Par conséquent, il est appelé index basé sur 0. Ici vous pouvez voir que sur le numéro d'index 0, v, comment les valeurs Tor, qui est 56, puis sur le numéro d'index un nous avons les valeurs Tor, qui est 50, et le numéro d'index deux, nous avons les stockages de valeur 34. Ça t'aide à comprendre maintenant. Donc, vous pouvez voir ici comment nous pouvons accéder à l'élément d'un adder juste ici. Donc, l'index commence à 0 et monte CPU un à la fois. Mais il y a quelques langages de programmation comme JavaScript, Java stretcher, extract, SRA, veer, index de tableau à partir de l'un, ou désolé,
pas notre Javascript ou Java à l'intérieur d'un langages de programmation inférieur ou de programmation clavier l'index en tant que commençant à partir d' un zéro zéro vous aide à comprendre maintenant qu'à l'intérieur du JavaScript, nous commençons l'index à partir de 0, ok ? Mais à l'intérieur des autres langages de programmation comme LA, Ed Key bowl, donc à adhérer, VR utilisant l'index commence à partir d'un espoir. Donc vous comprenez maintenant, mais c'est pour plus de clarté toute notre discussion dans cette série, nous allons supposer un tableau pour nous aider index basé sur 0, ok ? Parce que dans JavaScript, nous utilisons une indexation basée sur zéro. Espérons que vous comprenez maintenant ici, vous pouvez voir ceci est élément sous forme assortie. Donc, cette zone est en train de trier. Désolé, ce ne sont pas des éléments assortis parce que saumon 1165, si vous voyez l'élément trié d'un tableau. Donc, tout d'abord, cela prendra la petite valeur, puis la valeur en capital, et ensuite vu comme un cas comme ça va augmenter comme ici. Si v, comment les 2346789 types d'éléments, si nous voulons trier cette erreur ici. Donc, d'abord, nous devons écrire 234, puis nous avons écrit 6789 parce que c'est une erreur de type triée. ne s'agit pas d'une erreur de type assortie. Ok, alors laissez-le sur le tableau trié. Nous faisons une de ces conférences séparées. Donc ici, vous pouvez voir que v, comment certains types de valeur à l'intérieur, qui stocke à l'intérieur du tableau et l'index de ces valeurs ici. Vous pouvez voir ici 0123456789. Donc, c'est la longueur de la flèche de neuf taille juste ici, qui commence à partir de l'os inférieur et la dette monte trop limite supérieure ici. Comme vous pouvez le voir ici, que l'ajout d'un nouvel élément dans le tableau à différentes positions dans le mur ou différents types de travaux de levage lourd. En général, ajouter de nouveaux éléments à la fin du tableau est n, Facile, péasy Foster et nécessite moins de travail. Tout ce que nous avions à faire va d'un chiffre plus élevé. Bouddha, le dernier numéro d'index sur l'édition juste ici. Donc, comme vous pouvez le voir ici aux premiers secours que comment nous pouvons ajouter le nouvel élément à un tableau lorsque nous travaillons avec notre programmation. Donc, vous serez complètement comprendre ce concept. Ici. Vous pouvez voir que v enfer, une sorte de arabinose notre taille d'âge. Et nous voulons ajouter cette valeur dans cette zone. Donc, nous ajoutons simplement le 100 après JC, le dernier de l'érudit ici. Espérons que vous comprenez maintenant, sorte que vous pouvez voir ici, que c'est notre forme triée érudite ici, chaque zone est de positionnement, ajouter le sien. Vous pouvez voir ici 12233445566778198900 juste ici. Ça t'aide à comprendre maintenant. Donc, nous ajoutons l'une des, une autre valeur ici, qui est un 100 AD, les positions de l'index huit ici. Donc, ajouter un nouvel élément à la fin est plus rapide et plus facile. Généralement, la méthode de zone fonctionne pour utiliser l'ajout de la valeur à la fin, il suffit d'en ajouter un, le dernier index utilisé pour accueillir un nouvel élément ici. Ici, nous avons le problème. Et je ne fais que définir une solution aussi. Donc, c'était simple parce que nous devions stocker seulement cinq tailles de numéros de tableau. Et maintenant supposons que nous devons stocker 505 mille nombres entiers. Allons-nous utiliser 500 variables à ce stade ou non ? Ici, vous pouvez voir que pour gérer de telles situations, presque tous les langages de programmation fournissent un concept qui est appelé un tableau. Un tableau est une structure de données qui peut être stocké collection de taille fixe des éléments du même type de données. Si vous voulez stocker les planchers. Donc, tous ces chiffres seront défectueux si vous voulez le stocker. Les entiers à tous les nombres seront entiers. Une zone est utilisée pour stocker une collection de données, mais il est souvent plus utile de penser à un Eddie comme des collections de variables du même type. Au lieu de déclarer les variables individuelles telles que nombre 12 et deux nombres de n. Vous déclarez simplement un tableau, qui est un nombre variable d'entier, qui est un type de Like un nombre qui commence à partir de 012. Et cela va jusqu'au nombre de n pour représenter les variables individuelles. Et ici, vous pouvez voir que c'est simplement écrire 0 jusqu' à nombre de n sont l'index associé aux variables arabes. Et ils sont utilisés pour représenter les variables d'éléments individuels dans Eddy. Donc, toutes les zones sont composées d'emplacements de mémoire continue comme je viens de vous le dire. Donc, les zones loess, composés ou composants, ou le correspond au premier élément comme l'adresse la plus élevée aujourd'hui ou dernier élément ici. Ici, vous pouvez voir que c'est le premier élément qui est en tournée et vous pouvez est TOR, tableau dans le dernier élément ici, vous
aide à comprendre tous les exemples théoriques de cette zone et ce qui est un tableau ? Passons simplement à l'exemple d'un tableau et nous
verrons que comment nous pouvons travailler avec un éditeur ici. Le ici, vous pouvez voir que je suis juste en train de créer un simple ajouter un programme. Ici. C' est un script. Donc, c'est une balise de script juste ici. Et ici, vous pouvez voir que je crée juste les variables ici. Tout d'abord, je crée juste une variable off. Supposons que nous ayons des fruits sont de vieux exemples ici, d'accord ? Ce que nous sommes déjà en train de tourner moment. Donc les fruits ici sont, désolé, ce qui est égal à, donc la nourriture est ici,
premièrement, nous sommes en train de créer un pôle. Ensuite, nous avons la cerise, puis nous voilà des mangues. Et c'est une virgule juste ici. Et pour écrire l'ADA, vous devez simplement écrire ces crochets ici. Et c'est égal aux mangues. Et ici, nous avons écrit orange juste ici. Comme vous pouvez le voir ici, c'est la taille de quatre tableaux. Et si nous voyons comme l'indice sage, donc c'est trois parce que 10123 juste ici, et vous devez fermer cette zone avec un point-virgule. Maintenant, je suis juste en train d'écrire ou je suis juste en train d'imprimer ce tableau pour vous les gars. Où vous pouvez voir ici que je suis juste imprimer des fruits comme le nom du tableau. Et ici, j'ai écrit que c'est plus V ou j'ai écrit, chose
simple, un saut de ligne juste ici. Et ici, nous devons aller à l'édition ITU et éditer point HTML. Actualisez ceci et ici, il ne nous montre pas la sortie. Prenons l'ADA juste ici que ce que nous avons fait une erreur. Donc ici, nous avons la petite erreur juste ici, et maintenant c'est bon. Il y a un aller dans le navigateur et le reformuler. Donc, vous voyez que je récupère tous les éléments de l'air juste ici. Et c'est notre région. Maintenant, vous pouvez écrire comme la variable et la variable ici. Vous pouvez voir que je dois écrire le let supposons une couleur et la couleur qui est égale à n définit un seul élément. Supposons que ce soit un rouge. Et ici, vous pouvez voir que je viens écrire le tableau qui est la couleur et rafraîchir. Vous pouvez voir que vous pouvez également obtenir un seul élément du tableau. Maintenant, vous pouvez voir que comment nous pouvons accéder à l'élément souvent éditer ici dans le script Java. N' importe quel élément peut être accessible par leur indexé en utilisant les notes entre crochets. Et l'ajout d'index est impair numéroté qui représentent les positions d'un élément dans un tableau. A l'index r commence à partir de la base 0. Et cela signifie que le premier élément d'un tableau est torr à l'index 0, et puis cela va monter au nombre de N. Voyons juste que comment nous pouvons, est vers la zone indexée ou comment nous pouvons accéder aux éléments du grenier par l'index sage. Ici, vous pouvez voir que nous devons écrire des documents sont justes. Et puis ici, nous avons monté, supposons que ce soit des fruits. Et ici, je dois écrire ce crochet et je veux juste accéder à l'élément sur le 0 ici. D' accord ? Ensuite, vous pouvez voir qu'il s'agit d'une balise BR. Donc, cela va simplement accéder à l'élément, ajouter le nombre 0, qui est un pull. Donc c'est 0123. Ok, voilà que je reformule ça. Donc, vous pouvez voir ici qui accédera à l'élément en haut à droite ici. Alors voici, je frappe 32. Alors vérifions ça. Donc, ici, vous pouvez voir que c'est accessible orange et mangle. Donc ici, les oranges sur le numéro trois. Tout d'abord, cela imprimera le numéro trois, puis le numéro deux, qui est la mangue juste ici. Espérons que vous comprenez cela, que la façon dont nous pouvons accéder à l'
élément, élément d'une erreur ici. Ainsi, vous pouvez également obtenir la longueur SRA ainsi et comment vous pouvez l'obtenir. Donc, il n'y a pas simple LinkFunction utilise pour cela ici, vous pouvez voir que vous avez le bon document et document.write ici où vous avez écrit que c'est un point de fruits ici, j'ai écrit que c'est la longueur aussi bien. Vous pouvez voir, vous pouvez le voir ici. Vous pouvez voir que nous avons les quatre tailles d'édition ici. J' espère que vous comprenez maintenant. Maintenant, je vais vous dire que comment vous pouvez créer différents entiers flèche juste ici. Comment vous pouvez me voir comment est la variable et la variable ici. Supposons qu'une personne et la personne qui est égale à ici, j'écris juste que le nom de la personne ici est nounous. Et puis ici, nous avons une autre image de nom de personne est John. D' accord ? Et ici, j'écris aussi l'âge de John aussi. Donc, vous pouvez voir là que les cheveux ÂGE est 25. Maintenant, vous pouvez voir que comment nous pouvons y accéder. Si simple, vous avez écrit le noeud de document, à droite, et le droit ici est la personne. D' accord ? Maintenant, actualisez ceci. Vous pouvez voir ici que d'abord qui va accéder à Dennis John N, The Age of the ainsi. Espérons que vous comprenez cela, que la façon dont nous pouvons travailler avec un tableau en JavaScript si vous trouvez un nouveau problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci pour avoir regardé cette conférence.
33. Trier des tableaux de Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du tri d'un tableau en JavaScript. Si vous avez un tableau d'un objet que vous devez trier dans un certain ordre, vous pourriez être tenté de supprimer pour la bibliothèque de scripts Java. Mais avant de le faire, rappelez-vous que vous pouvez faire un tri assez soigné avec la fonction arrays.sort de la nature. Nous discuterons de cette fonction plus tard dans cette conférence. Le tri est donc l'un des problèmes les plus importants dans la programmation. Que vous soyez débutant ou développeur, vous serez confronté à des algorithmes de tri dans vos examens. Sont des emplois en toi. Probablement dans des scénarios de la vie réelle. Nous n'avons pas besoin d'implémenter des algorithmes de tri à partir de zéro. Javascript l'a sur la bêta et la méthode de tri. Et dans cette conférence, nous allons couvrir ce tri d'un tableau en JavaScript. Alors, qu'est-ce qu'un algorithme de tri ? En informatique, un algorithme de tri est un algorithme qui met l'élément de notre liste dans un certain ordre. L' ordre le plus fréquemment utilisé, notre ordre numérique ou lexicographique. Pour notre cas spécifique, un algorithme de tri, principalement des D avec des éléments dans le terme de tri de leur ordre alphabétique ou numérique en changeant la position de chaque élément dans le tableau. Le tri peut se produire ascendant ou descendant selon vos préférences. Comment une méthode utilise ici, qui est une méthode de tri pour trier votre ajout. Et ici, vous pouvez voir que ce qui est l'édition de tri juste ici. Donc, comme nous prenons un exemple de la vie réelle sur alphabétiquement sage, donc nous allons voir que comment nous pouvons trier notre alphabet. Voyons juste ici, vous pouvez voir que j'écris juste b, a, d, c, et e. Comme vous pouvez le voir ici, que je prends juste cinq index ici dans ce tableau. D' accord ? Il s'agit de 12345 valeurs. Si vous prenez cela comme un index y, donc 01234. Et comme vous pouvez le voir que c'est la forme non triée, parce que B est au premier DCN E Si nous trions ce tableau. Nous le ferons donc le premier jour. Vous pouvez voir ici que nous allons rouler comme a. Ensuite, ici nous allons écrire b, puis ici nous allons écrire C, puis D et E juste ici, comme vous pouvez le voir. Ok, donc je l'utilise juste comme une procédure. Donc, je vais vous montrer une étape complète de cette erreur de tri est juste ici. Vous pouvez voir que c'est là. Supposons que b, a, d ,
c, e. Donc tout d'abord, vous pouvez voir que je juste US ou je fais juste glisser les valeurs entre a et b. Donc d'abord nous avons tenu a, puis j'écris juste B ici, ok ? Et la même chose est une affaire comme D, C, et E juste ici. D' accord ? Comme vous pouvez le voir, mes deux valeurs ici sont triées. Alors j'écris juste un à l'endroit, être à l'endroit. Alors ici, je trie juste ces deux valeurs. Donc vous pouvez voir ici que je viens de glisser c et d ensemble. Donc, comme vous pouvez le voir, A, B, C, D, et E. Donc, sur toute la zone ici est triée en ce moment. Donc, vous comprenez maintenant que comment nous pouvons le trier comme une manière graphique. Voyons que comment nous pouvons utiliser une méthode de tri et simplement avec l'aide de cette fonction, nous trions notre tout Eddy. Ainsi, les méthodes de tri vous permettent de trier les éléments d'
un tableau à l'endroit en plus d'exécuter le tableau trié, les méthodes de tri enchaînent la position de l'élément dans l'ajout d'origine. Par défaut, la méthode de tri trie l'élément de zone dans l'
ordre croissant avec le coût le plus petit n dernière valeur. Comme vous pouvez voir ce que je veux juste pour vous. Allons juste à la zone de codage et nous verrons que comment nous pouvons trier l'ajouté juste ici. Donc, comme vous pouvez le voir ici, que c'est notre exemple edX. Donc, je prends juste cet exemple ici. Et vous pouvez voir ici que je crée juste une variable de routes. Et maintenant, vous pouvez voir que je suis juste en train de changer les valeurs de ça. Ici, orange. Et ici vous pouvez voir que je viens d'écrire que c'est une couche. Supposons la banane. Alors ici, je vais écrire que c'est la télé. D' accord ? Donc, comme vous pouvez le voir ici, je crée juste 123456 type de eta ici où vous pouvez voir leur index tandis que 1234, un désolé, comme 012345, index de ajouté ici, ok. Ici, vous pouvez voir que je viens de créer une variable. Donc la variable ici est que j'écris juste tri, ce qui est égal à ici. J' écris ça. Je veux juste trier cette erreur ici. Donc, à cet effet, les yeux de cheveux, la méthode de tri de point
droit. J' espère que tu auras ça. Donc, c'est la méthode de tri à trier est un mot-clé ici. Et c'est la zone que je viens de créer ici. Maintenant, vous pouvez voir que j'ai écrit document et document point écrire où j'avais raison, que c'est des fruits et des fruits plus, et ici je devais écrire que c'est une balise BR. D' accord ? Donc, ce n'est qu'une sortie ici. Voyons donc comment nous pouvons vérifier notre production tout d'abord de ces fruits ici. Ensuite, ici vous pouvez voir, je peux écrire que c'est document.write où j'avais raison ? Que c'est notre épée ou sortes d'ajout. D' accord ? Vous pouvez voir que je ferme juste ce code ici. Maintenant. Je vais juste au navigateur et ici je vais rafraîchir ceci. Et vous pouvez voir d'abord v, comment chez Apple, mangue, banane, cerise et TV ici. Parce que ici, vous pouvez voir que c'est notre méthode de tri juste ici. Vous pouvez voir qu'avec l'aide de cela, nous pouvons trier notre, cette méthode ici. D' accord ? Comme vous pouvez le voir, tout d'abord, cela va pomme que la mangue, que Nana, cerise, KV, et orange. Donc, comme vous pouvez le voir dans la sortie que nous n'obtenons aucun des résultats ici. Comme un, nous obtenons deux résultats ici, qui est un et m. Donc c'est un et signifie pomme et Mango ici sont triés au lieu de toutes ces valeurs. Votre question sera que pourquoi nous,
cet algorithme de tri ne trions pas ces valeurs et pourquoi cet algorithme trie ces valeurs. Donc, une question ici est parce que ici vous pouvez voir là je viens d'écrire un est une capitale ici, et m est aussi une capitale ici. Donc, les algorithmes de tri fonctionnent. Si vous avez toutes les valeurs sont majuscules, signifie majuscules, ou vous êtes toutes les valeurs sont minuscules, ou une lettre minuscule. Donc ici, j'utilise juste une valeur mixte. Voyons maintenant dans le code où vous pouvez voir cela ici, a et M ici. Donc toutes ces premières lettres sont, sont petites. Enregistrez et actualisez ceci. Donc, vous pouvez voir ici, je décide que ce tableau ici est trié forme parce que a, b, c, puis K, M, O. Donc, vous pouvez voir ici ces toutes les zones sont sous forme triée droite ? Maintenant. Espérons que vous comprenez maintenant si vous voulez donner toutes
les valeurs ici sont des capitales, donc C, a, et ici je dois écrire m, Puis ici, o, puis ici, je m'efforce d'être, et ceci est ajouter le dernier k. Donc vous pouvez voir ici, et je viens de reformuler ceci. Donc ici, toutes ces valeurs sont sous forme triée, est si vous, si vous leur donnez une valeur mixte comme le capital a, le capital B, et toutes ces valeurs sont petites, sorte que vous serez simplement cette zone d'abord et cela
laissera votre et d'autres valeurs jusqu'à de sorte que vous obtenez que l'usine. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
34. Fonctions et différence fonctionnelle et OOP: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la fonction. Et je vais vous parler du concept de programmation fonctionnelle et orientée objet en JavaScript. Dans la programmation et la section nommée d'un programme qui effectue une tâche spécifique. C' est la fonction de garde. Comment ? Supposons v, comment notre système entier de système de gestion de bibliothèque. Et nous avons un nom de fonction qui est livre, ok, ou un livre. La fonction Livres est utilisée ou effectuer une tâche spécifique. C' est une carte ici dans ce système LMS, qui est une fonction ou un module. En cela, comme une fonction est un type de procédure ou de routine, certains langages de programmation font des distinctions entre une fonction qui renvoie une valeur et une procédure qui effectue certaines opérations mais ne renvoie pas de valeur. fonctions et les procédures sont les éléments de base du programme. Ils sont une petite section d'un accord qui est utilisé pour effectuer une tâche particulière et ils sont utilisés pour deux raisons principales. Voyons ici ce V, comment le système LMS, d'accord ? Nous avons ici les éléments de base du programme. Supposons que les auteurs de livres et nous avons quelques sortes de numéros comme IB n. D' accord ? Donc ici vous pouvez voir que dans ce grand système LMS, nous avons trois modules Moore. Donc ce sont les fonctions signifie qu'un gros programmes sont divisés en la petite partie du programme, qui est réutilisable. La première raison est qu'ils peuvent être utilisés pour éviter les répétitions de commande dans le programme. Si vous avez des opérations qui sont effectuées dans les différentes parties des programmes, alors il est logique de supprimer les fourmis de code répété nous créer des fonctions
distinctes sont les procédures qui peuvent être carte à partir de ces endroits. À la place. Non seulement cela réduira la taille de votre programme, mais cela rendra le code plus facile à maintenir et cela
supprimera la possibilité que certains segments de code soient mis à jour, mis à
jour, mais pas d'autres. Ici vous pouvez voir que pour cette ligne de code, pour cette ligne de phrase ici que nous allons voir est que vous étiez système LMS une fois que vous avez écrit la fonction de livre, alors tous les modules vue définiront dans ce livre afin que vous ne pas avoir à écrire votre propre code encore et encore. Donc, l'avantage ici est que la dette réduira aussi la taille de votre programme, et cela réduira également votre effort de programmation. Ici, vous pouvez voir que, que quelle est la programmation de fonction ? Si vous avez une formation en mathématiques et que vous
avez une longueur d'avance sur la programmation de la fonction. Donc, c'est parce que le pétagramme de programmation de fonction traite l'informatique comme des fonctions mathématiques. Si vous n'avez pas de formation mathématique,
est-ce que la discorde vous a laissé un sentiment de confusion ? Fondamentalement, la programmation fonctionnelle traite les fonctions et les données comme l'immuable. Et vous passerez des données dans des fonctions. Et il est généralement retourne que les données transforment ou d'autres types de données. Dans la programmation fonctionnelle, la fonction ne doit jamais changer les données d'origine ou l'état du programme. Il y a une similitude avec une philosophie Unix selon laquelle chaque programme devrait bien faire une chose, et une fonction ne devrait pas toucher diverses parties de votre programme. Au lieu de cela, il devrait prendre l'entrée et vous donner une sortie. Comment vous pouvez voir qu'une fonction prendra une entrée ici. Et supposons que la fonction ici est livre, donc cela prendra une entrée, et ensuite cela vous montrera la sortie du programme aussi. Donc la fonction identique devrait être pure tout ce que possible dans une programmation fonctionnelle, cela signifie qu'une donnée la même entrée, la sortie des fonctions sera maintenant, sortie restera toujours la même. J' espère que vous comprenez maintenant. Maintenant, vous pouvez voir que la programmation fonctionnelle par rapport à la programmation orientée objet. C' est un départ dramatique d'un, quelque chose comme la programmation orientée objet
dans la programmation orientée objet orientée objet, orientée objet. Dans la programmation orientée objet, vous souvent comment un objet de base avec diverses méthodes dédiées à la chaîne de leurs données ou de l'état qui font partie de cet objet. La méthode peut même modifier les données ou la propriété, sinon explicitement, est inclinée, signifie que dans la programmation orientée objet, vous devez créer un objet de la classe et ensuite vous devez l'utiliser. Mais dans les programmes pratiques, parfois c'est des mixins. Et ce jeu mort, il peut rendre les programmes plus difficiles à maintenir et il n'est pas toujours clair ce qui change que
c'est T8 ou le langage de programmation de données et fonctionnelle a été utilisé à l'origine pour académique les environnements, mais peut aident également à prévenir les points. Ce genre de problèmes. Dans la programmation de fonction, vous devez créer les fonctions. Mais dans la programmation orientée objet, il y a un concept des classes et de l'objet que vous devez créer. La classe signifie qu'un créer une classe de livre. Et à l'intérieur de la clause il y a beaucoup de fonctions. Passons simplement aux fonctions que ce que la fonction fait exactement. Les fonctions encapsulent une tâche. Ils combinent de nombreuses instructions en une seule ligne de code. Et vous pouvez voir que la plupart des langages de programmation fournissent de nombreuses fonctions intégrées qui autrement nécessiteraient de nombreuses étapes à accomplir. Par exemple, le calcul de la racine carrée d'un nombre dans le journal. Nous nous soucions de la façon dont les fonctions font ce qu'elles font, et seulement cela est le fait quand une fonction est appelée, les programmes quittent la section actuelle de la cour et commencent à exécuter la première ligne au lieu des fonctions, les fonctions suivent le contrôle où vous pouvez voir que la fonction ou le programme vient à une ligne, bien
sûr, qui contient un appel de fonctions. Tout d'abord, vous devez déclarer le nom de la fonction ,
puis vous devez appeler votre nom de fonction. Ok, les programmes entrent dans la fonction qui est ciblée à la première ligne du score de fonction. Et toutes les instructions à l'intérieur de la fonction sont exécutées à partir du haut avec celles du bas. Les programmes quittent les fonctions et reviennent à l'endroit où il a commencé. Toutes les données calculées et retournées par les fonctions sont utilisées à la place des fonctions dans la ligne de code d'origine. Ici, je connais la question dans votre esprit que pourquoi nous avons besoin fonctions dans le JavaScript pour améliorer la lisibilité de votre code, vous devez utiliser la fonction, amélioré la réutilisabilité du code. Vous devez, vous devez utiliser la fonction et certaines fonctions peuvent être utilisées dans n'importe quel programme plutôt que d'écrire le même code à partir de zéro. Comme ici, vous pouvez voir que vous devez simplement écrire, supposons qu'un nom de fonction ici est livre. Donc, vous devez créer un livre de fonctions simples et vous devez définir toutes les fonctionnalités est à l'intérieur de cette fonction de livre et ensuite vous devez l'utiliser. Donc, c'est ce qu'on appelle le, désolé, c'est ce qu'on appelle la réutilisabilité. Qu' est-ce qu'une lisibilité ? Donc la lisibilité signifie qu'ici, lorsque vous écrivez la fonction de livre, alors vous avez écrit une autre fonction qui est l'auteur, et puis vous avez raison, une autre fonction qui est le numéro IBM. Donc, ici, vous pouvez voir que chaque module ou chaque fonction sera bien clair pour vous. Donc, c'est la lisibilité de voiture. Donc, dégrouper le code serait plus facile si vous
utilisez les fonctions et les flèches sont faciles à tracer car lorsque vous utilisez le module livre et vous trouverez une erreur à l'intérieur de ce module de livre. Donc, vous devez simplement vérifier la fonction de livre au lieu de vérifier tout votre code entier. Donc, vous obtenez cela, que comment nous pouvons déboguer ou comment, comment le débogage est plus facile lorsque vous utilisez la fonction. fonctions réduisent également la taille du code qui dupliquent l'ensemble des instructions sont remplacées par une fonction, ce qui signifie qu'ici vous pouvez voir que si vous n'utilisez pas la fonction, sorte que vous avez le bon livre beaucoup de temps dans votre cordon. Donc, une fois que vous déclarez le fonctionnel et qu'elle écrit une fonction ici, donc vous devez simplement appeler vos fonctions encore et encore, ou simplement vous devez vous appeler ou ce bloc de code. Donc, c'est une voiture, ou ceci est appelé pour réduire la taille de votre code à l'aide de fonctions. J' espère que vous aurez ça. Maintenant, vous pouvez voir que dans le JavaScript, vous devez d'abord définir la fonction, puis vous devez écrire des fonctions dans. C' est le podomètre de votre fonction et ensuite vous avez écrit votre déclaration, la ligne de code ici, c'est un programme de factoriel et nous trouvons le nombre de factoriels juste ici. Donc, vous obtenez que maintenant il suffit de tourner vers l'exemple et nous verrons que comment ces fonctions fonctionnent. Tout d'abord, vous savez, nous avons déjà travaillé avec une fonction dans ce cours, mais ici je vais complètement vous donner une connaissance de la fonction. En écrivant la fonction ici v, comment le nom de la fonction nous sommes d'abord, supposons qu'un nom de fonction ici est SBC, ok ? Comme vous pouvez le voir ici, que cette fonction ici est le mot-clé. Et puis c'est le nom de la fonction. Et vous devez écrire les arguments sont donc vous avez écrit les podomètres ou les fonctions. Supposons que vous ayez le podomètre juste ici, à l'intérieur de cette parenthèse. Et puis vous avez écrit le bloc de code ou d'instructions juste ici. J' espère que tu auras ça. Maintenant, vous pouvez voir que je crée juste une fonction qui est un nom de bonjour. Et nous le sommes, nous n'avons passé aucun paramètre ici et ici j'
utilise simplement le message d'alerte pour vous les gars où vous pouvez voir que c'est un message d'alerte. Et ici, vous pouvez le voir ici à l'intérieur de ce script Java. Donc ici deux types de fonctions, mais j'utilise juste ici, qui est une fonction définie par l'utilisateur. Et c'est une fonction intégrée, qui est la fonction de message d'alerte juste ici. Laissons juste exécuter ce code ici. Et c'est un fichier HTML de fonction. Et comme vous pouvez le voir ici, donc mon code ici ne fonctionne pas. Juste à cause de, vous pouvez voir ici que je suis juste en train de créer une fonction. D' accord ? La fonction sera en cours d'exécution parce que la fonction est en cours d'exécution ici, parce que nous n'avons pas appelé la fonction ici. Une fois que vous déclarez la fonction, vous devez également appeler cette fonction. Comment vous pouvez voir cela ici, vous pouvez voir que je dois aller à la balise de script VR. Je l'ai décrit. Désolé, c'est une balise de script ici et ici à l'intérieur de ce corps cheveux est juste que c'est juste une balise de paragraphe. Et où vous pouvez voir qu'ici, à droite, qu'il s'agit d'une copie de fonction, c'est un pacer de script dans la balise d'en-tête. Et ici vous pouvez voir, ici je crée juste un formulaire. Et le formulaire ici, comme vous pouvez le voir qu'à l'intérieur de ce formulaire, je viens d'écrire l'entrée et l'entrée ici est un type de bouton. Quand je clique juste sur ce bouton. Donc, j'utilise juste la méthode onClick. Nous travaillons déjà sur cette méthode onClick. Et vous pouvez voir que ici est à droite sur la méthode de clic. Donc, sur la méthode click, j'écris simplement le nom de ma fonction ici est bonjour. D' accord ? Et puis ici, je ferme juste ce code ici. Vous pouvez également définir la valeur de cette fonction. Supposons que la valeur ici. Cliquez sur moi. Ok, ici quand j'irai à cet accord et rafraichir ça. Donc, vous pouvez voir ici qu'il s'agit d'une fonction qui est une balise p. Et puis ici quand il suffit de cliquer sur ce bouton. Donc, cette fonction me sera montrée faire l'assurance pour moi, sortie juste ici, qui est un script java juste ici, quand je clique juste dessus, donc c'est juste un OK ici. Donc, comme vous pouvez le voir ici, que d'abord nous allons créer cette fonction avec le nom de bonjour. Ensuite, ici une diversité d'utilisateurs, notre fonction par défaut est disponible, qui est un message d'alerte. Et puis cela me montrera le message d'alerte du JavaScript juste ici. Ainsi, vous pouvez également utiliser le point de document, écrire avec. D' accord ? Et vous pouvez également utiliser une tige de dopamine ou essayé avec elle. Regèle et avantages. Cliquez dessus, cliquez sur moi boutons. Donc, ce tous les professionnels à rencontrer avec l'aide de cette fonction. Maintenant, vous pouvez voir qu'une fois que j'ai défini ce nom de fonction, donc je n'ai pas besoin d'écrire cette fonction encore et encore. Ok, ici vous pouvez voir que je viens de copier. Et ici vous pouvez voir que j'écris juste ce bouton et bouton cliquez ici. Donc ici, je suis juste en train de créer un des, un des, un autre bouton juste ici. Donc, comme vous pouvez le voir ici, nous avons les deux boutons et nous allons juste rafraîchir ceci. Donc vous pouvez voir ici, je viens de cliquer sur ce bouton ou ces boutons. Donc, la même fonction me sera montrée comme la sortie juste ici. Donc, c'est une voiture qui réduira votre taille du programme qui sera tout simplement le mieux pour votre lisibilité et la convivialité du code ainsi. C' est ainsi que les fonctions, c'est ainsi que nous pouvons créer les fonctions ajoutées. On peut appeler la fonction, donc on peut appeler une fonction ici. D' accord ? Non, venez au programme où nous allons créer. Fonctions pentamètre comme un adulte. Et je vais vous dire que comment vous pouvez créer les fonctions podomètres. Donc jusqu'à maintenant, nous avons vu des fonctions sans podomètres, comme vous pouvez le voir sur votre écran. Mais là, il y a une possibilité pour mettre en pause différents paramètres tout en appelant des fonctions. Ces pause les podomètres peuvent être capturés à l'intérieur de la fonction et toutes les manipulations peuvent être faites sur ces paramètres de fonctions peuvent prendre plusieurs paramètres séparés par la virgule. Comment vous pouvez voir ici, c'est ma première fonction. Maintenant, je tourne juste une des, une autre fonction juste ici. Et le nom de la fonction ici est laisser supposer que c'est abc. Maintenant, vous pouvez voir que je crée juste le nom de cette fonction ici. Désolé, les paramètres de cette fonction ici, mais je vais juste écrire le numéro un et c'est le numéro deux ici. D' accord ? Et ici, vous pouvez voir que j'institue une variable. Et la variable ici est que je suis juste en train d'écrire un nom de variable, ce qui est un total. Et le total est le numéro un plus le numéro deux. Donc tu comprends ça. Maintenant, ici, je suis juste d'écrire document.write et document.write ici est d'imprimer le résultat et le total juste ici. J' espère que vous obtenez ça, que comment nous pouvons créer cette soirée de fonction ici. C' est donc une fonction qui prendra deux paramètres, le numéro un et le numéro deux ici et ici vous pouvez voir que nous créons une variable. Donc, quand vous créez juste une variable, c'est donc VR. Et ici vous pouvez voir que c'est le nom de cette variable ici, qui est total. Donc j'écris juste le total qui est égal au numéro un et au numéro deux, j'ajoute deux nombres ici. Et après cela, je reçois le résultat de cette lumière totale ici. Connaissances Voir, c'est juste notre définition de la définition fonctionnelle des fonctions ou comment vous pouvez déclarer la fonction. Maintenant, vous pouvez voir ici, j'écris juste ABC, qui est un nom de fonction. Ici, j'appelle juste la fonction pasty, je fournit juste la première valeur de paramètre. Supposons que ce soit à dix et que nous ayons un nombre à évaluer ici est 50. Alors qu'est-ce que ça va imprimer ? Imprimera 60 ici. Ok, et ici vous pouvez voir que c'est document.write. Et là, vous pouvez voir ce célibataire et casser. Et après cela ici, j'ai commencé ABC et ABC est ici imprimer le résultat comme l'un de la valeur moins. Supposons moins six t. Et là, j'écris juste que c'est un 100. D'accord ? Et c'est aussi un point-virgule. Allez dans le navigateur, actualisez ceci. Donc, ici, vous pouvez voir que d'abord, à la première étape, cela se traduira par les 60 pages. Parce qu'ici, vous pouvez voir que la valeur ici est 50 plus dix, ce qui est égal à 60. Et puis nous avons moins 60 et plus 100. Donc, le résultat ici est, vous pouvez voir que c'est 40 parce que moins 60 plus 100 ici est quatre p. Maintenant, je vais vous dire le flux du programme. Tout d'abord, nous créons un nom de fonction, qui est ABC, puis en passant les deux paramètres ici avec le nom du numéro un et du numéro deux ici. Ok, alors ici vous pouvez voir que je viens de recevoir, je crée juste une nouvelle variable qui est le nom de total. Et puis ici vous pouvez voir là que j'appelle juste ces paramètres ici, qui est le numéro un et le numéro deux ici. Et puis ici les documents ou les documents ont raison, et cela me montrera ce résultat. N' importe lequel des numéros ici, vous pouvez voir que j'appelle juste la fonction. Fonction où je viens de fournir le PRI, les valeurs de ce numéro un et numéro deux, qui est 1050 et moins 1600. Et là, c'est pour un seul embryon. Ne le confondez pas, d'accord. Maintenant, vous pouvez voir que vous pouvez également créer un nom de fonction, que vous pouvez également créer une fonction avec un prénom et un nom de famille. Donc ici vous pouvez voir ce droit de glace prénom. C' est donc un exemple de la vie réelle. Et ici, vous pouvez voir que c'est le dernier nom de soulignement. t'aide à l'avoir. Ici. Vous pouvez voir qu'un nom de fonction ici est que je n'écris que des noms. D' accord ? Maintenant, comme vous pouvez le voir ici, je suis en streaming ceci et après ceux-ci ici, je vais juste écrire que c'est le nom de soulignement F, qui est mon prénom en tant que paramètre. Ensuite, j'écris juste plus une chaîne vide et puis je frappe plus, ce qui est une continuation ici et qui est le dernier nom de soulignement juste ici. Ok, c'est juste une déclaration de fonction et fournissant la valeur de sortie. Et maintenant, vous pouvez voir que c'est à l'intérieur de cette fonction et le score le plus proche. D' accord ? Et désolé pour ça et ok, maintenant, très bien. Ici vous pouvez voir maintenant j'appelle juste cette fonction. Comme vous pouvez le voir ici, j'écris juste des noms. Les noms où je viens d'écrire ce nom, c'est Bob. Alors ses yeux, non ? Le nom de famille est Ken. D' accord ? Et puis je ferme juste l'appel de fonction ici. Donc ici, j'appelle juste la fonction. Et puis ici, vous pouvez voir que je vais juste au navigateur et rafraîchir ceci. Donc ici, comme vous pouvez le voir, que notre prénom Harris Bob, et les cheveux de deuxième nom ne peuvent pas juste ici. Maintenant, si vous définissez la valeur de cette fonction, désolé, le podomètre numéro un. Et si vous ne fournissez pas la valeur au podomètre numéro deux. Alors que va-t-il se passer là ? Juste C plus D, j'écris juste la valeur. Supposons que c'est Bob, et ici vous pouvez voir que je ne fournit aucune des autres valeurs à ce nom de famille. Reformuler ceci pour que vous puissiez voir ici. Donc, tout d'abord, j'écris juste un saut de ligne unique, document.write et single and break ici. Et vous pouvez le voir. Et comme vous pouvez le voir ici, qui imprimera d'abord le Bob et la deuxième valeur est montré moi, montre que c'est une valeur indéfinie parce que nous n'avons pas défini aucune des valeurs ici. Donc, vous obtenez cela, que la façon dont nous pouvons utiliser la fonction, comment nous pouvons créer les fonctions, comment nous pouvons appeler les fonctions, comment V peut ajouter les paramètres à notre fonction. C' est ainsi que les fonctions fonctionnent dans le script java. J' espère que vous comprenez tous les points ici dans cette conférence. Si vous ne comprenez aucun des points de cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
35. Expressions de fonction Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons
parler de l'expression de fonction dans le JavaScript. mesure où vous travaillez avec définir l'appel d'une fonction d'une fonction plutôt que d'ajouter les paramètres à la fonction. Ici, dans cette conférence, je vais vous dire que comment vous pouvez créer une expression de fonctions. Donc, une expression de fonction est très similaire à
et met presque la même syntaxe que les déclarations de fonctions. Vous avez déjà étudié la déclaration de fonction lors de la dernière conférence. Donc, la principale différence entre une expression de fonction et la déclaration de fonction est le nom de la fonction qui peut être omis dans une expression de fonction pour créer un héritage de fonction anonyme selon l'exemple. Et je vais vous dire que comment nous pouvons créer cette fonction comme la fonction anonyme ici. Ici vous pouvez voir que je suis juste en train de créer une fonction dans la balise de script, qui est le nom de, Supposons que la variable et la variable en voici quelques-unes, ok ? Et qui est égal à ici. Vous pouvez voir que je suis juste en train d'écrire ceci comme le nom de la fonction. Alors ici, je passe juste les paramètres comme le numéro un et c'est le numéro deux ici. Maintenant, vous obtenez qu'une différence entre une déclaration de fonction et l'expression de fonction. Donc, ici, vous pouvez créer une variable qui est une somme. Et puis ici vous pouvez voir que c'est une fonction. D' accord ? Maintenant, après cela, le même exemple, si précieux ici est total, ce qui est égal à moi juste écrire numéro un plus numéro deux. Et cela utilisera une déclaration de retour est notre total. Donc, cela retournera la valeur de cette variable totale ici. D' accord ? Maintenant, après cette glace, document
droit écriture point et document.write ici est d'abord, je reçois juste les sommes où je viens de fournir les valeurs à ce podomètres. Supposons que ce soit cinq et que ce soit 80 ici. Alors je peux juste coordonner. Et je concaténe juste la balise BR et ferme ou plus ici, cela imprimera 85 Comme la valeur de la somme. Maintenant, je décide variable, les variables ici sont, vous pouvez dire que supposons certains. Et puis ici qui va écrire des sommes, qui est mon, ce nom de variable ou un nom de fonction. Et puis ici vous pouvez voir que c'est 20 et ensuite fournir une autre valeur qui est 60. Donc maintenant, vous pouvez voir que c'est juste. Document dot write, où j'ai dû écrire la valeur de cette somme aussi bien. Allez dans le navigateur et vérifiez la sortie. Donc, au premier stade, vous pouvez voir que c'est imprimer 85 juste parce que off. Juste à cause de cinq plus 80, ce qui est égal à 85. D' accord ? Et puis ici, vous pouvez voir que c'est 60 plus 20, ce qui est égal à 80 ici. Donc, c'est ainsi que vous pouvez voir qu'une expression de fonction fonctionne dans le JavaScript. Donc, dans cette fonction, dans ce code, vous pouvez voir que nous utilisons, nous avons déjà utilisé pour créer une fonction et nous avons tous déjà créé l'appel d'une fonction. Mais ici, vous pouvez voir que d'abord, nous créons une fonction, il
suffit de lui fournir les valeurs. Donc, pour moi, fournissez simplement la logique, puis retournez cette valeur. Et semble un cas comme ici, vous pouvez voir ça et nous allons appeler ça. Donc, ici, comme vous pouvez le voir que c'est juste une expression de fonction ici. Ceci, notre code ici est fonction, désolé, autoroute est-ce que je suis petite erreur juste ici. Ici vous pouvez voir qu'il s'agit d'une déclaration constante. Désolé, dans notre dernière conférence ici, vous pouvez voir qu'il s'agit de la déclaration d'une fonction. D' accord ? Et ici, vous pouvez voir que c'est une expression de fonction juste ici. Donc, vous obtenez cela, que comment nous pouvons utiliser une déclaration de fonction et une expression de fonction. Donc, c'est aussi appelé la déclaration de fonction à l'intérieur de cette expression de fonction, mais ne le confondez pas ici. Il y a une simple différence entre cela. Donc, il n'y a pas besoin de mettre un point-virgule après fermeture des crochets bouclés dans une déclaration de fonction, mais les expressions de fonction d'autre part, vous devriez toujours et le code avec un point-virgule. Comment vous pouvez voir comme ici. Vous pouvez voir une fois que vous déclarez l'expression de fonctions, vous devez
donc fermer avec un point-virgule juste ici. J' espère que vous comprenez maintenant. Donc, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
36. Portée variable Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des variables de portée dans le script Java. Avant de commencer cette variable de portée, nous avons juste besoin de comprendre que quelles sont les variables de portée et comment nous les utilisons ? Les variables sont une partie fondamentale de nombreux langages de programmation et sont parmi
les concepts premiers et les plus importants pour remarquer les quartiers à apprendre. Il y a un certain nombre de propriétés différentes des variables dans le JavaScript, ainsi que plusieurs règles qui doivent être suivies lors de leur nomination. En JavaScript, il y a trois mots clés qui utilisent pour déclarer une variable. Le premier est variable, le second est constant. Et le troisième est laisser n. Le, chaque effet comment coder interprétera la variable différemment. Dans cette conférence, je vais vous parler de cela, comment vous pouvez déclarer les variables et comment vous pouvez les utiliser. Comme vous le savez tous que les variables qui contiennent ou utilisent une partie de l'espace mémoire et qui va restaurer une partie de la mémoire est basée sur le disque. Nous avons tenu deux types de variables. premier est le global et le second est le local. Les variables globales sont ces variables, celles déclarées en dehors du bloc de fonction. Et les variables locales sont les variables qui sont déclarées à l'intérieur du corps de la fonction. Voyons voir. Ici, nous avons la fonction qui est un nom d'ABC. Ici, vous pouvez voir que c'est le corps de la fonction et à l'intérieur de ce corps lorsque vous déclarez la variable. Donc, cela signifie qu'il s'agit d'une variable locale. Si vous déclarez la variable en dehors du corps de la fonction et que vous les utilisez dans la fonction. Donc, cela signifie que c'est la variable globale. Espérons que vous comprenez maintenant, maintenant ici vous verrez la balise de script droite de glace. Et à l'intérieur de cette balise de script,
ici, j'écrirai une fonction. Donc la fonction ici est, supposons la fonction ABC. Nous travaillons déjà sur la fonction. Ici vous pouvez voir que vous utilisez let comme la création des variables que vous créez VR à la création des variables, vous créez la constante à la création de la variable. C' est à vous de décider. Donc ici, vous pouvez voir que j'ai raison, cette variable. Et ici, j'écris juste que c'est une variable locale. Et la variable locale ici est z égal à Harris, non ? Qu' il s'agit d'une variable locale. Et je vais juste fermer ce code ici. Comme vous pouvez le voir, que nous créons ici une variable à l'intérieur du corps de la fonction. Cela signifie qu'il s'agit d'une variable locale. Maintenant, vous pouvez voir que j'ai lu ce document et document.write où j'ai dû appeler la variable diff, où j'avais essayé là, c'est un local et c'est une variable locale plus tard, ok ? Et le score le plus proche juste ici. Maintenant, ici, j'appelle juste cette fonction. Actualisez cela dans le navigateur. Donc ici, vous pouvez voir que c'est une variable locale et cela me montre la variable de sortie qui est déclarée à l'intérieur d'un corps de fonction est une variable locale de carte. Maintenant, vous pouvez voir quand je déclare juste une variable, qui est cheveux, yeux, non ? Var, et c'est mondial. Et global Voici une variable. V est égal à hétérozygote est variable globale, et je le ferme juste. Et ici, à l'intérieur de ce corps de fonction, j'appelle simplement ce nom de variable ici, qui est une variable globale. D' accord ? Ici, je rephrase simplement cela dans le navigateur afin que vous puissiez voir que c'est la variable globale ici. Donc, comme vous pouvez le voir ici, une fonction qui est utilisée en dehors, désolé, une variable qui est utilisée en dehors du corps de la fonction. Il s'agit d'une variable globale de voiture et variable qui est utilisée à l'intérieur du corps de fonction. C' est donc ce qu'on appelle une variable locale. Une variable locale sera toujours utilisée à l'intérieur de la fonction, mais avec l'aide de la variable globale, vous pouvez accéder à cette variable dans
de nombreux corps de fonctions où vous pouvez voir qu'ici la fonction est ABC. Supposons que vous ayez une autre fonction qui est x, y, z. donc vous pouvez appeler cette variable globale n'importe où dans votre code. Donc, vous comprenez maintenant. Donc, ce sont, ce sont le global et l'inquiétude était localiste face en JavaScript, si vous trouvez l'un des problèmes concernant sa conférence, s'il vous plaît laissez-moi savoir et merci pour regarder cette conférence.
37. Cookies dans JavaScript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des cookies dans le JavaScript. Un cookie est un petit fichier texte qui vous permet de stocker une petite quantité de données. C' est presque quatre k b ou quelque chose de plus que ça. Donc, sur l'ordinateur de l'utilisateur, ils sont généralement utilisés pour garder une trace d'informations telles que la préférence de l'utilisateur que le côté peut récupérer pour personnaliser la page lorsque l'utilisateur assistant le site Web la prochaine fois, comment laissez-nous voir ici, Lorsque vous recherchez un site Web ici, supposons que j'écris x, y, z, n. Ok ? Donc ici vous pouvez voir que c'est x, y, z. notre site Web quand je viens de me connecter à ça, désolé, quand je viens de commencer ça. Donc ici, à ce stade, vous pouvez voir ici vous trouverez une option Cookies. Donc, ici, vous trouverez certains des désordonnés que vous voulez accepter ce cookie. Alors cliquez sur, ok, sinon annulez et vous cliquez simplement sur OK. Donc, lorsque vous venez sur ce site la prochaine fois, sorte que vous êtes des cookies seront enregistrés, enregistrés, la hanche droite. Les cookies sont donc un ancien mécanisme de stockage côté client qui a été conçu à l'origine pour être utilisé par le langage de script côté serveur, comme PHP, les défauts ASP.Net, Jaguars Director Hall, nos cookies peuvent également être créés, accessibles, et modifié directement en utilisant Java escape, mais le processus est peu compliqué et désordonné. Comment ? Donc, un navigateur Web, nous allons juste au navigateur Web et le serveur, qui utilise des protocoles HTTP, ce qui signifie que le protocole de transfert hypertexte pour communiquer et HTTP est un protocole sans état, vous savez, mais pour un site Web commercial, il est nécessaire de maintenir des informations de sessions sectes parmi les différentes pages. Par exemple, un registre d'utilisateur se termine après avoir terminé plusieurs pages, mais comment maintenir les informations de section de l'utilisateur sur toutes les pages Web. Ici, vous pouvez voir que je vais vous dire que comment ce Cookies et thesauri, comment les cookies fonctionnent. Ainsi, vos serveurs envoient certaines des données au navigateur visiteur. Vous pouvez voir comme ici, vous avez une sorte d'option de cookies. Ainsi, cela permettra de recueillir certaines de vos données et d'envoyer à votre navigateur à partir d'un cookie. Le navigateur peut accepter le cookie s'il le fait, il, est-il stocké comme les étiquettes d'avion enregistrement sur le visiteur ? Harddrive signifie que le cookie est enregistré dans votre propre cœur, non ? Maintenant, quand le visiteur se lève à une autre page, vous êtes de votre côté. La fin du navigateur. Même cookie pour le serveur pour la récupération. Une fois cette récupération, nos serveurs savent, rappelez-vous ce qui était en magasin, extraterrestre. L' espoir. Donc, vous comprenez maintenant que nos plusieurs Comprendre que ce qui était stocké dans ces cookies plus tôt ? Donc, les cookies sont dans des données de texte brut qui sont enregistrées pour un champ de lentille de cinq variables. Le premier est expire, puis nous avons le domaine, puis nous avons tenu un chemin. Et nous avons également le sécurisé et les noms et les valeurs qu'ils expirent sont les données du cookie expirera. Si cela est vide, le cookie expirera lorsque le visiteur produit navigateur, comment, lorsque vous quittez le navigateur ici. Donc cookie sera expirer idée. Qu' est-ce qu'un domaine ? Ainsi, le nom de domaine de votre site Web est enregistré. Votre cookie, comme ceci est comme www dot funky programme ou.com. D' accord ? Cela permettra donc d'enregistrer votre cookie également. Lorsque vous avez le chemin, le chemin vers le répertoire ou une page Web qui a dit le cookie. Cela peut être vide. Si vous voulez récupérer le cookie à partir de n'importe quel répertoire de la page, alors vous avez le sécurisé. Donc, si ce champ contient des mots sécurisés, alors le cookie ne peut être récupéré qu'avec un serveur sécurisé, pas autre chose. Ensuite, vous devez définir vos cookies nommés que quel nom de cookie sera stocké ici. Comment vous pouvez installer le cookie. Pour ce faire, vous avez besoin d'une commande. Supposons ici que c'est une balise de script, et à l'intérieur de cela, j'écris juste ce document. Et document point ici, vous allez écrire des cookies. Ça t'aide à comprendre maintenant. Puis ici, d'abord les yeux vous disent que vous devez définir la clé. Ensuite, ici, la valeur. Donc, c'est une clé et la valeur ici, la clé cookie ici est le nom et la valeur ici est la même. La valeur. Nancy Miller cas comme vous deviez définir la clé numéro deux et puis vous avez la valeur d'écriture numéro deux. Donc, c'est à vous de décider. Et puis le dernier que tu as, non ? Comme si elle expire. Donc expire ici est que vous sera défini simplement la date et ajouter le et vous devez terminer cela avec un point-virgule juste ici. Donc tu comprends ça. Passons maintenant à l'exemple de codage de cela. Donc ici, vous pouvez voir que j'ai écrit une fonction pour fonctionner ici est la glace, non ? Cette fonction est des cookies. Voilà, c'est juste. Si le document point ici, je vais créer un formulaire. Et les yeux d'ici. Et la forme est le nom de l'entreprise. On est une plaque tournante, non ? Action. Et l'action ici est le lien vide. Voici le nom du stagiaire droit. Et puis ici, j'écrirai cette entrée. Entrée, qui est un type de texte. Et puis ici vous écrirez que le nom qui est égal à cheveux, j'ai décidé de laisser supposer que c'est votre nom. Maintenant, ici, je crée juste un champ d'entrée, qui est un type de bouton fait. Vous devez définir les valeurs. On est les yeux, non ? Ça a mis des cookies. D' accord ? Et voici à droite sur la méthode de clic. Donc, c'est sur la méthode click. Et puis ici, j'écris que ce sont aussi des cookies. Donc c'est notre nom de fonction, ou j'appelle juste ici. Et puis je dois fermer mon code ici. Maintenant, vous pouvez voir que j'ai droit Document qui est la forme. Et puis ici, j'écrirai que le nom de ça, vous pouvez le voir. Et le nom ici est votre nom. D' accord ? Donc j'écris juste le nom ici, qui est votre nom. Et puis ici, j'écrirai la valeur. D' accord ? Puis ses yeux, à droite, plus, et ensuite l'accord le plus proche et le plus proche score juste ici. Maintenant, je vais écrire un document et un document ou un cookie. Et puis ici, j'ai cité un cookie qui est égal au nom. Et je frappe plus cookie et, et la valeur cookie. D'accord ? Maintenant, vous pouvez voir que je viens de supprimer cela des valeurs, désolé, supprimer cette valeur de formulaire. Et ici, je décide la valeur qui est
égale, égale à cette chaîne vide ici. Maintenant, vérifions ça. Et ici à l'intérieur de cela, j'ai deux cartes ceci et les yeux de cheveux choisir un message d'alerte où je viens de monter que, entrez quelques valeurs pour les cookies. Donc c'est juste une mesure agrandie ce que je vous montre les gars. Et puis cela retournera la valeur ici. Après cela, vous pouvez voir ici que d'abord je suis juste d'écrire la valeur de cookie de chien de document. Et puis après ça, alors oui, ok. Et ici, je termine avec nos crochets bouclés. Et puis ici vous pouvez voir que je dois écrire que c'est une valeur de cookie et de cookie. Donc, vous pouvez voir ici, c'est une valeur de cookie en tant que variable qui est égale à ici est juste, que j'utilise juste escape, qui est la forme document.write. Et puis ici, j'ai écrit que vous êtes le nom de soulignement. Et puis ici, j'ai raison, que la valeur ici est plus et un point-virgule, puis fermez le score juste ici. Maintenant, ici, j'ai dit que c'est document et document point écrire où je viens de mettre les cookies. Et puis ici, je vais écrire cela un nom qui est égal à plus la valeur des cookies pour la valeur du cookie. Et puis je ferme juste le score ici. Maintenant, vérifions. Donc, je vous dis juste que cuit à la mise en place des cookies dans le JavaScript est un peu déroutant ici. Et je sais juste que tu as un peu de confusion. Tout d'abord, je crée juste un formulaire. Donc, la forme ici est quand je lance juste ce code. Donc vous pouvez voir ici c'est notre formulaire juste ici. D' accord ? Ensuite, nous avons ici un champ de saisie, qui est un texte. Et le texte ici est que vous êtes un type de texte, voici des textes et le nom ici est nom d'utilisateur. Donc vous pouvez voir ici, ok, et c'est le nom du stagiaire juste ici. Maintenant, vous pouvez voir que je viens de mettre en place le bouton, définir les valeurs ici est, est un ensemble de cookies. Et puis ici, je viens d'utiliser ce nom de fonction ici. J' appelle juste ce nom de fonction ici. Ensuite, vous pouvez voir que je crée juste une fonction qui est un nom de cookie. Donc ici, j'utilise juste des déclarations if. Donc, si document.write forme point moins de nom et la valeur ici est une chaîne vide juste à cause de nous donnons la valeur ici. Donc, cela va recueillir les valeurs d'ici. Donc, si c'est si l'utilisateur va entrer les valeurs, donc ici qui affichera le message d'alerte qui est valeurs d'
interception pour un Cookies et qui retournera la valeur. Ici vous pouvez voir que je crée juste une variable de valeurs de cookies. Ensuite, ici, je viens d'écrire un document échappé sous forme de point, DOD Heuer nommé valeur de point ici qui va éventuellement recueillir le document à partir de. Formulaire signifie qui va recueillir les informations à partir du formulaire, puis qui va recueillir votre nom, et puis qui va définir les valeurs dans les cookies. Ici, vous pouvez voir que je viens d'essayer document ou cookie, qui est égal à nom, nom de point. Et là, je ne peux pas obtenir cette valeur. Et ajoutez les derniers cheveux que nous allons mettre les cookies ici. Maintenant, comme vous pouvez le voir dans le navigateur que nous n'avions aucun cookie enregistré ici. Glace, non ? Funky, mets le cookie. Donc vous pouvez voir ici. Ici, vous avez vu que nous n'avons trouvé aucun cookie ici. Et maintenant vous pouvez voir qu'ici nous avons notre petite erreur où le nom est égal à et ici est juste, que c'est, supposons n'importe quel nom comme ici j'ai commencé que c'est client. D' accord ? Vous appelez quand vous êtes juste au moment où un client visitera votre site Web. Donc, c'est Virginia nom juste ici. Et c'est aussi sur le changement de nom juste ici parce que votre, contrairement ici, vous pouvez voir que vous êtes le
nom de soulignement n'est pas pris ici avec le signe de soulignement. Ici, tu peux voir leurs yeux, non ? Funky a dit le cookie et la tête. Vous pouvez voir que vous avez défini un nom de cookie comme le funky. Et vous pouvez voir ici. Comme vous pouvez le voir ici, que notre nom de cookie est enregistré ici avec le nom de funky juste ici. Espérons que vous comprenez maintenant que comment vous pouvez créer le cookie et comment vous pouvez définir le cookie. Maintenant, je rafraîchis ça. Donc, si votre champ ici est vide, donc quand je viens de cliquer sur ce Set-Cookie, donc ici qui va me montrer un message, message d'
alerte qui est dans votre entrez une certaine valeur pour les cookies. C' est ainsi que nous pouvons créer les cookies si vous trouvez l'un des problèmes que nous avons rencontrés dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
38. Redirection de page Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la redirection de la page ou des directions de doctorat dans le JavaScript. Vous avez peut-être rencontré une situation où vous cliquez sur une URL pour accéder à une page a. Mais en interne, vous avez été dirigé vers la page de l'éditeur B. C'est arrivé en raison de la page trois directions. Et ce concept est différent de l'actualisation de la page de script Java. Vous ne faites que rafraîchir la page. Il y a des raisons pour lesquelles vous voulez rediriger notre utilisateur d'une page d'origine vers une autre page. Vous ne vous êtes pas pareille, vous n'avez pas aimé le nom de votre domaine et vous voulez rediriger vos utilisateurs vers un autre domaine. C'est le seul cas. Vous comment une accumulation de différentes pages en fonction de vos versions de navigateur sur leur nom, ou peut-être en fonction de différents pays. Vous pouvez également utiliser cette console ou vous pouvez également utiliser cette technique pour attirer votre audience. Comme ici, c'est, c'est juste à des fins publicitaires ainsi que pour rediriger votre page. Maintenant, je vais vous dire une technique simple que comment vous pouvez rediriger votre page d'un navigateur à un autre navigateur. Ici, je viens d'essayer cette balise H1 et ici j'écris juste que c'est la page de la direction. Ok. Et ici, vous pouvez voir que c'est juste qu'un bouton. Et le bouton ici est onclick, ou ici je crée juste un bouton. bouton ici est onclick. Et puis je ferme les boutons juste ici. Maintenant, vous pouvez voir que je dois créer une fonction, et le nom de la fonction ici est ABC. Et puis ici, j'écrirai que notre emplacement, donc point de localisation utilise pour les actions radar de votre page. Donc, je veux juste lire sur cette page ou ce lien vers mon site Web. Et vous verrez ici je donne juste le lien qui est SCTP double backslash et funky programmer.com. Ok, et ici je vais copier et coller ce nom de fonction. Donc j'appelle juste ce nom de fonction ici. Donc, le bouton ici est Cliquez sur Me pour re direction. D' accord ? Maintenant, vous pouvez voir que j'ai vérifié cette sortie dans le navigateur. Et vous pouvez voir quand je clique juste sur ce bouton. Donc, vous pouvez voir ici ma page est redirigée vers ce site de programmeur funky. Ok, désolé, c'est un programme funky ou point UK. Maintenant, retournez en arrière et rafraîchissez-le à nouveau. Ici, vous pouvez voir quand je viens de cliquer dessus. Donc, cela va passer à ce site Web juste ici. Espérons que vous comprenez maintenant que comment nous pouvons rediriger notre site Web d'un endroit à un autre endroit. C' est ainsi que vous pouvez rediriger votre site Web. Donc, comme vous pouvez le voir ici, je redirige juste ce site vid un bouton. Maintenant, je vais vous le dire quand
vous rafraîchissez votre site Web ou quand vous venez de charger votre site Web. Ainsi, votre site Web sera automatiquement. Déplacer ou rediriger automatiquement qui vous êtes et d'autres sites Web. À cet effet, vous utilisez simplement la méthode set setTimeout. Et ici, vous pouvez voir que je dois écrire un de la balise de script. Et puis j'écris juste ici que c'est une fonction. Et la fonction ici est laisser supposer XYZ ou la fonction ici est le direct. D' accord ? Donc, ici, vous pouvez voir cette offre, c'est juste, définir et définir le délai d'expiration. Et le délai d'attente ici est pâteux. Je suis juste en train de définir un temps Odette, l'emplacement et le point de localisation rechargement. D' accord ? Et recharger ici est vrai. Après ces yeux, non ? Hama et t, et voici le T comme podomètre pour le timeout. Maintenant, je viens d'utiliser le corps de Nikon de la page. Et ici, vous pouvez voir que je viens de supprimer cette fonction. Et ici, vous pouvez voir que j'ai écrit que sur la méthode de
chargement et la méthode de déchargement ici est de la glace, non ? Qu' il s'agit de Java Script. Et sur la méthode Lord voici le script Java. Nous le sommes, j'ai lu cet article. Rafraîchissez, et ici vous pouvez voir que ici rafraîchir est 500. Ok. Et ici, vous devez voir que ce n'est qu'une balise de paragraphe. Et ici, j'ai dit que cette page est G direct en 5. Deuxièmement. D' accord. Maintenant, ici, je viens de copier et de coller ceci dans la balise d'en-tête. Et nous allons juste exécuter cet onglet lorsque ce noyau. Et vous pouvez voir ici, cette page est redirigée dans cinq secondes. Donc, c'est comme ça que vous pouvez régler votre temps sur votre page Web, à la redirection ici vous pouvez voir que je suis juste en train de rediriger le site Web. Donc, point de fenêtre de vue, emplacement et emplacement ici est égal à la vue. Cette barre oblique inverse du nœud HTTP à double point, où j'ai dit que www dot funky programme ou dot uk. Et je ferme juste le code ici. D' accord ? Et puis ici vous pouvez voir que je devais écrire que c'est, supposons document, document.write. Et ici, vous verrez que j'ai raison, que vous êtes page sera redirigé
vers notre page principale dans cinq secondes. Ok. Ici. Vous pouvez voir qu'après cela, je dois définir l'intervalle de temps ou le délai d'attente où je viens d'écrire cela ici, rediriger. Et puis ici, vous pouvez, désolé, c'est notre redirection, qui est un nom de fonction. Et ici vous pouvez voir que j'ai juste là rediriger ici est 5 mille. Donc 51000 signifie que quand vous écrivez juste 1000 et cela signifie que c'est votre 1 seconde juste ici, ok. Ici vous pouvez voir monter, supprimer ceci de cette page principale. C' est juste pour votre compréhension. Et maintenant, je rafraîchis ça. Ici, vous trouverez que notre page sera redirigée vers le programme funky ou le site Web après cinq secondes automatiquement. Donc, comme vous pouvez le voir ici, il
s'agit d'une page lire les instructions. C' est ainsi que fonctionnent nos redirections de page. J' espère que vous comprenez maintenant, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
39. Boîte de dialogue en confirmation Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler ampoules
de dialogue de confirmation en JavaScript. Vous avez déjà étudié les voûtes de dialogue, les messages d'alerte. La boîte de dialogue Confirmer signifie que vous disposez des deux options, qui sont OK et Annuler. Une boîte de dialogue confirmée est principalement utilisée pour le consentement de l'utilisateur sur toutes les options qui affichent notre boîte de dialogue avec deux boutons, qui est OK et Annuler si l'utilisateur clique sur OK. Donc, cela va simplement passer à l'onglet suivant ou confirmer, et cela retournera la valeur comme un vrai. Et si l'utilisateur va cliquer sur annuler, sorte que confirmera le résultat comme le faux. Vérifions simplement la sortie pour cela. Et ici vous pouvez voir que j'ai écrit cette balise de script, où vous pouvez voir ici je crée juste une fonction, fonction qui est le nom des cheveux. J'ai essayé ça. Dialogue. Confirmez. Ok, et là, vous pouvez voir la vue. Maintenant, je suis juste en train de créer un formulaire. Et le formulaire ici est le champ d'entrée de. Donc, c'est le champ d'entrée qui est un type de et bouton ici est la valeur de, valeur de. Cliquez sur moi. Et puis ici, vous pouvez voir que je viens d'utiliser, j'appelle juste cette méthode, appelez cette fonction ici, qui est un nom de dialogue confirmer. Ok. Et ici, vous pouvez voir que je dois fermer ce nom de fonction ici. Maintenant, voici un aperçu que je n'utilise que deux valeurs, ce qui est OK et Annuler. Et ici, je crée juste une variable. Variable ici, c'est de la glace, non ? Cette confirmation et Sue et moi l'écrivons juste comme un nom de variable et Harris, non ? Cela confirme que le mot clé. Ici, vous pouvez voir que j'écris ça. Voulez-vous continuer la page ou continuer tout ce que vous avez ? Écrivez ce message ici pour confirmer. Et ici vous pouvez voir leurs yeux, non ? Si, si CON, Qui est égal, égal à vrai. Vous devez donc affiner la sortie en tant qu'écriture de points de document. Et ici, vous pouvez voir que hey, vue que les utilisateurs veulent continuer la page ou le processus, n'importe quoi. D'accord ? Maintenant, la vue qui, qui va retourner la valeur, le vrai juste ici. Maintenant, après ça, je viens de passer à l'autre condition. Et comme les cheveux sont de la glace, à droite, que c'est document.write. Et ici, vous pouvez voir que j'ai dû écrire que c'est l'utilisateur et l'utilisateur ne veut pas continuer la page. D' accord ? Et puis je fais défiler la partition juste ici. Maintenant, vous pouvez voir leurs yeux pour tourner comme la fausse valeur. D' accord ? Et c'est la fausse valeur. Espérons que vous obtenez ici vous pouvez voir paragraphe de
vue Tang et je viens d'écrire que c' est confirmer boîte de dialogue. Je vérifie juste cette sortie dans le navigateur. Et ici vous pouvez voir que c'est un bouton qui m'est montré, et j'appelle juste ce nom de fonction dans la méthode onClick bouton ici, vous pouvez voir que d'abord, nous créons les variables. Alors ici, je suis juste en train de créer une limite variable est parti. Et ici, je viens d'écrire un message de confirmation, qui est voulez-vous continuer ? Confirmer a un mot-clé. Ensuite, ici vous pouvez voir que je commence si instruction et si cette variable, qui est égale, égale à true, donc cela signifie que c'est vous voulez continuer. Cela signifie qu'il s'agit d'un codage pour le bouton OK. Et ce codage, c'est en fonction du bouton d'annulation juste ici. Maintenant, ici quand il est cliquez sur Cliquez sur Me. Donc ici, vous pouvez voir le message de conformité est montré pour nous, qui est cette page dit que voulez-vous continuer si vous cliquez sur OK, donc voici le message vous montre que les utilisateurs veulent continuer la page. Et si je clique simplement sur annuler ici, afin que les utilisateurs ne veulent pas continuer cette page. Donc, c'est ainsi que la boîte de dialogue de confirmation fonctionne Hindi JavaScript. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
40. Mot gratuit en Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du mot-clé void dans le JavaScript. Et je vais vous dire que comment ce mot-clé vide en JavaScript et comment nous les utilisons. Void n'est pas un mot-clé important en JavaScript, qui peut être utilisé comme un opérateur unitaire qui apparaît avant ses opérandes uniques, qui peuvent être de n'importe quel type. Cet opérande spécifie une expression pour être notre non pondérée sans renvoyer de valeur. Mots-clés blancs en JavaScript qui donne qu'une méthode n'a pas de type de retour. Cependant, même à travers une méthode constructeur
ne peut jamais avoir un type de retour et il n'enfer pas, évitez les mots-clés dans sa déclaration. Passons simplement à l'exemple de codage de ce mot-clé large et je vais vous dire que comment vous pouvez travailler avec. Ici. J' utilise le vide. Donc, comme je viens de vous dire que le fil est un mot-clé et ici, j'écris juste une fonction. Ou Pourquoi avez-vous pu dire qu'une fonction, ou vous devez écrire n'importe quel nom avec ce vide comme mot-clé. D' accord ? Ici, vous pouvez voir que je viens de créer un mot-clé void. Ensuite, ici, vous avez écrit qui supposons que c'est un script
Java et alors c'est l' un des, un autre exemple avec une fonction void, d'accord ? Ou vous devez déclarer un mot clé large comme le mot, et alors vous devrez écrire, supposons une fonction et c'est une façon ou une autre, vous devez écrire ce mot-clé large et ajouter le dernier véhicule comme Java est CREB. C' est tout ce que j'écris ici. Vous pouvez écrire n'importe quelle chose ici. Donc, j'écris juste cette colonne et puis ici j'écris large
, puis j'ai commencé la fonction et puis me ferme. Voici quelques-unes des méthodes que vous avez. Écrivez un void comme mot clé. Maintenant, ici, je vais dessiner un exemple simple pour vous les gars pour mieux comprendre que comment nous pouvons travailler avec un mot-clé void dans un script Java et comment nous
pouvons l'utiliser dans des exemples de la vie réelle pour vous les gars. Ok, passons simplement à l'exemple de mot clé while. Et ici, je crée juste un des liens ici plus d. Je suis juste de nourrir un message ici ou la balise de paragraphe, qui est la balise P. Et ici, j'ai commencé que c'est le mot-clé void. Maintenant, vous pouvez voir que je dois écrire un qui est la balise d'ancrage pour le lien. Ici, j'écris que c'est JavaScript, et j'écris ce signe de colonne ici, puis void comme un mot-clé. Et puis je décide que c'est document et document.write, où j'ai écrit ce vide élevé. Et là, vous pouvez voir que j'ai le bon endroit aussi. Et puis après cela, vous pouvez voir ici il y a accord le plus proche où je juste là c'est. Et ici, j'ai deux points les plus proches. Et ici, j'ai commencé que c'est Click Me OK. Et ici, je fouille une seule pétition marque. Et on dirait que c'est le cas ici. Et vous pouvez voir quand je vérifie juste cela comme la sortie. Donc vous pouvez voir ici mes quartiers juste ici. Maintenant, je viens de me tourner vers l'un des, un autre exemple et nous allons vous montrer une compréhension complète du mot-clé blanc. Alors supprimons ça. Et ici, je vais passer à l'exemple de ce fil comme un mot-clé ici. On a raison, c'est une entreprise. Et ici, je suis juste en train de créer un formulaire. Et le formulaire ici est le nom du formulaire numéro un. D' accord ? Puis ici, je frappe un HREF, qui est une ancre Tang et référence. Et ici, j'ai cité ceci est le script Java et le JavaScript ici est que j'ai écrit qui éviter le mot-clé et le mot-clé filaire montrera message d'alerte où j'avais raison, que vous avez cliqué sur ce lien hyper pour afficher le message. D' accord ? Et là, vous pouvez voir que je dois fermer ce noyau. Et ici, j'écris ça. Cliquez sur moi ici. Ok, maintenant vous pouvez voir ici j'utilise juste le mot-clé void et actualise ceci. Et quand je viens de cliquer sur cela, sorte que vous pouvez voir ici j'alerte messages, montre à moi que vous cliquez sur ce lien. Ok, c'est ainsi que vous pouvez travailler avec un mot-clé large dans le JavaScript. Une fois de plus, je vais vous dire qu'un mot-clé large de script java est utilisé dans une fonction de seconde nature pour indiquer que les fonctions ne retournent aucune valeur. Fondamentalement dans le script java, ce sont n opérateurs unitaires qui apparaîtront devant lui seul opérande. Et cet opérateur a défini une expression qui sera élevée sans renvoyer de valeur. Le mot-clé Void est utilisé dans une signature de fonction pour indiquer que les fonctions ne retournent aucune valeur, ok ? Et il faudra une expression de n'importe quel type comme son opérande et la valeur définit le filaire. Cela signifie simplement que void signifie ce qui n'a pas de valeur de retour, qui signifie qu'il s'agit d'une valeur de 0. Fonctions qui détermine réellement null et fonctionnent merveilleusement en annulant le chargement de la page. J' espère que vous comprenez maintenant si vous ne l'êtes pas, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
41. Impression de page Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons en parler, comment vous pouvez imprimer votre page dans le script java. Plusieurs fois, vous souhaitez placer un bouton sur votre page Web pour imprimer le contenu que la page Web via un peintre réel. Javascripts vous aide à implémenter cette fonctionnalité en utilisant la fonction d'impression de la fenêtre. Autant de temps, vous vous rendez compte que si vous utilisez votre système LMS ou si vous utilisez votre système de gestion scolaire ou si vous avez utilisé n'importe quel type de système comme une pause. Il y a une option disponible pour l'impression comme ici est le système de minibus scolaire. Une option est disponible pour imprimer les rapports. Système de gestion Lms, vous devez également imprimer les rapports ainsi. Dans le système de gestion de pause, vous devez imprimer les préceptes. Donc, dans tous ces systèmes, il y a l'utilisation d'une fonction cérébrale ou d'une matière d'impression. Parlons simplement de cette méthode d'impression et vous verrez que comment nous pouvons travailler avec elle. Ici. Vous pouvez voir que je suis juste en train de créer d'abord, notre bouton pour imprimer une partie de la sortie ou certaines des pages. Ici. J' utilise juste la méthode onClick. D' accord ? Et puis ici je vais fermer ceci et voici Rider fente pour imprimer la page ou quoi que ce soit. Ok, donc j'ai juste un clic droit pour imprimer. Ici. Je crée juste une balise de script. Où à l'intérieur de cette balise de script je crée juste une fonction ici où vous pouvez voir que j'écris la fonction, qui est la fonction d'affichage. Et puis ici, j'utilise juste la méthode d'impression par point de fenêtre. Et je ferme juste ce code ici. Comme vous pouvez le voir, la fonction JavaScript, qui est l'impression par point de fenêtre, est l'impression actuelle, est l'impression de la page Web actuelle lorsque vous devez exécuter. Comment vous pouvez voir qu'ici j'utilise simplement cette méthode d'affichage et j'appelle simplement cette méthode ou une fonction à l'intérieur de ce bouton. Et laissez-nous vérifier la sortie en ce moment dans le navigateur. Et vous pouvez voir qu'ici nous avions une option d'impression juste ici quand je clique juste sur ce bouton d'impression. Donc, vous pouvez voir tout cet écran nous présente comme ici. Vous pouvez voir que j'écris ça comme un seul réservoir. Ceci est la page d'impression. Maintenant, après cela, je dois écrire une balise de paragraphe. Vr, va imprimer cette page. Maintenant, actualisez ça. Et vous pouvez voir ici nous avons ce genre de désordre ici ou n'importe quelle page juste ici, quand je clique juste sur ce bouton. Vous pouvez donc voir ici que ce message nous est montré. Vous pouvez donc définir plus de ces paramètres d'impression à partir d'ici. Donc c'est à vous de choisir. Donc, comme vous pouvez le voir, c'est ainsi que nous pouvons imprimer toute notre page dans le JavaScript. Espérons que nous comprenons maintenant, sinon, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
42. Qu'en est-ce du modèle d'objet de document: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du modèle d'objet de document en JavaScript. Le modèle d'objet de document DOM est une interface qui représente façon dont vous êtes car les documents HTML et XML sont perquisitionnés par le navigateur. Il permet à un langage JavaScript, de manipuler sa structure et de masquer votre site Web. Une fois que le navigateur a lu votre document HTML, il crée une arborescence de représentation, appelée Modèle d'objet de document et définit comment l'arborescence peut être excédentaire. Nous allons en apprendre davantage sur cet arbre dans la littérature dans cette conférence. Le modèle objet document est une interface de programmation pour les documents
HTML et XML qui représentent la page. Donc c'est le programme peut changer. Le document est structuré, est le style et le contenu. Le modèle d'objet de document représente le document en tant que nœud et objets. C' est pourquoi un langage de programmation peut contacter la page. Une page Web est un document. Ce document peut être affiché dans une fenêtre de navigateur ou dans la source HTML. Mais c'est le même document. Dans les deux cas. Le dôme représente le même document afin qu'il puisse être manipulé. Le document est une représentation orientée objet de la page Web, qui peut être modifiée avec un langage de script tel que le script Java. Comme vous pouvez le voir ici sur votre écran, c'est notre arbre de représentation. Et ici, vous pouvez voir que comment il peut créer par le navigateur. Tout d'abord, vous pouvez voir ici que c'est notre fenêtre racine. Ok. Alors, quel est l'objet de fenêtre ici ? C' est une hiérarchie supérieure et c'est l'élément presque de la hiérarchie des objets ici. Ensuite, comme vous pouvez le voir ici, que V, comment certains types d'éléments ici, où vous pouvez trouver les éléments sont HTML et XML. Donc, ce sont les éléments de type ici, qui est transformé en éléments du navigateur vous aide à obtenir cela. Donc, c'est, vous pouvez voir ici la hiérarchie des fenêtres. Ensuite, nous avons les objets de document que vous pouvez voir ici. Ce sont donc les objets documents. Et chaque bord humour documents HTML qui chargés dans une fenêtre deviennent un document objet. Ensuite, vous pouvez voir qu'un corps de formulaire, sorte que tout est enfermé dans le formulaire, qui est le type des balises. Ok, donc ici vous pouvez voir que nous avons la balise du corps juste ici. Et ici, nous avons aussi des éléments ici. D' accord ? Donc, en tant que hiérarchie, vous pouvez voir ici que d'abord ajouter l'étape de route. Nous avons des fenêtres où nous parlons des cadres, puis nous parlons des fenêtres parents, puis nous parlons des constructeurs auto, puis nous parlons du rembourrage supérieur. Donc, ce sera des emplacements liés, le document et l'historique. Ok. Alors maintenant, vous pouvez voir qu'après cette v, comment les documents et à l'intérieur de ce document v, comment certains types d'objets de documents sont liés. Donc documents objets enfer, certains types de liens, balises, certains types de réservoirs de forme, et certains types de balises d'ancrage, etc Ensuite, ici vous pouvez voir que dans ce lien v, comment certains types d'autres hiérarchies qui sont là. Supposons une balise de formulaire, une balise de tête, un titre de balise de corps, balises DIV
H1 et des portefeuilles de balise de titre et des balises P. Où sont vos balises de paragraphe ? Et vous pouvez voir ici, sont tous les attributs qui est l'héritière de tous
ces éléments ici. Donc tu comprends ça. Donc, ce sont tous des voitures, des objets d'ancrage, qui est des balises HREF, des liens vers des objets, des objets de
formulaire et ajouter dernier vous pouvez voir ici qui sont les éléments de contrôle de formulaire, qui est venu comme des boutons radio, boutons, et vérifier , etc Les avantages du DOM est le DOM est manipulant comme elle par le DOM manipulant vous comment infinies possibilités et vous pouvez créer les applications que un peu les données de la page sans avoir besoin d'une actualisation. Et aussi, vous pouvez créer les applications qui personnalisables par l'utilisateur, puis changer la mise en page de la page sans actualisation et vous pouvez faire glisser, déplacer et supprimer l'élément. La question ici est, comment le DOM est-il créé ? Le ne contient pas un tas de nœuds où chaque nœud représente un élément HTML. Comme élément HTML est juste une balise HTML. Ok, donc ces étiquettes viennent toujours en haut. Vous pouvez voir ici, c'est toujours venir en haut à droite ici, qui est la carte, qui est liée au nœud racine. Et le reste du Nord viennent sous les indices, qui est appelé noeud enfant. C' est donc le nœud enfant de ce nœud HTML. Donc, vous pouvez voir ici, c'est le nœud enfant et c'est, vous pouvez voir qu'un nœud feuille si vous avez étudié la liste liée dans la structure de données. Ainsi, vous comprendrez mieux le nœud racine, nœud
feuille et les nœuds enfants. espère, tu auras ça. Donc finissez par JavaScript. Le DOM est en fait une classe qui est micro. Il est vraiment facile de définir chaque élément présent dans notre page Web et donc il peut être modifié plus tard. Ce n'est pas la carte. Donc, comme vous pouvez le voir ici, que pourquoi il est appelé un modèle d'objet, les documents sont modélisés à
l'aide d'objets et le modal inclut non seulement la structure du document, mais aussi le comportement des documents et le dont il est composé d'éléments de balise similaires avec des attributs en HTML. Donc ici vous pouvez voir que je vous dis juste une hiérarchie de ces modèles DOM. Supposons d'abord v, comment la balise HTML. Ensuite, nous avons la balise d'en-tête, puis nous laissons supposer notre titre. Donc, mieux pour comprendre cela, vous pouvez voir ici tout d'abord, nous avons tenu la balise HTML. Ensuite, nous avons la balise de titre. Puis après ce V Comment le titre. Et puis vous pouvez voir que nous avons le corps où vous pouvez trouver les balises S1 Pang et paragraphe. C' est ainsi que fonctionnent les dômes. Allons au navigateur. Donc, ici, vous pouvez voir il y a certains des modèles qui utilisent, ou certaines des méthodes de documents objet qui utilisent dans ce dôme. Tout d'abord v, comment bonne méthode de chaîne, chaîne
droite est donnée une chaîne sur les documents seulement. Ensuite, vous devez utiliser getElementById. Donc, il est retourné l'élément ayant le jeu une valeur id. Ensuite, nous avons l'élément get par nom afin que nous
retournions les éléments ayant les valeurs des noms Gaiman. Ensuite, nous avons le GetElementsByTagName VC. Tournez tous les éléments, ayant le nom de la balise de joueur, et ajoutez le dernier v. Comment obtenir élément par la clause, qui retournent tous les éléments ayant le nom de classe Gaiman. Une autre chose importante, je veux inclure ici qu'un dômes enfer, trois niveaux ou le DOM, comment quatre niveaux ? Trois comme l'index sage et quatre comme le, vous pouvez dire qu'un nombre sage, parce qu'il ne commence pas à partir du niveau 0, où vous devez fournir l'ensemble de bas niveau de l'interface, alors nous avons le niveau d'une façon ou le DOM niveau. Quand pouvons-nous décrire les deux parties, qui est une fonctionnalité de base et le HTML. Les fonctionnalités de base fourniront l'interface de bas niveau qui peut être utilisée pour représenter n'importe quelle structure, les documents et le HTML fournissent l'interface de haut niveau. Ensuite, nous avons le niveau auquel se compose de six spécifications, qui est noyau deux vues envoie même tuile. Donc, core to va étendre la fonctionnalité des principaux parasites de l'IS requis par le DOM niveau un. Ensuite, nous avons les points de vue qui sont des programmes pour traverser et manipuler
dynamiquement le contenu des documents. Ensuite, nous avons les événements. Ainsi, les événements RS clip qui est exécuté par les documents lorsque l'utilisateur réagit, réagit à la page Web. Ensuite, nous comment ce lien qui permet aux programmes d' accéder
dynamiquement et de manipuler le contenu de cette feuille de tuiles. Après cela, nous avons le sol triangulaire et la gamme. Donc traversal permis permettre au programme de parcourir dynamiquement les documents. Cette plage permet aux programmes d'identifier dynamiquement une gamme de contenus dans les documents. Ensuite, nous arrivons aux théories de niveau du dôme. Donc le niveau trois se compose de cinq spécification de différence qui est noyau trois, document et documents et enregistrer les validations, les événements et XPath Viet document core trois étend la fonctionnalité du noyau est spécifié par les dômes outil inférieur. Ensuite, nous avons eu les charges et le CVS qui permettent au programme de
charger dynamiquement le contenu des documents XML dans le document DOM dorms et sauvé les documents DOM dans les documents XML par ses civilisations. Ensuite, nous avons les validations, l'événement et l'exportation. Ainsi bien édition, comme vous le savez, permettre au programme de mettre à jour dynamiquement le contenu et la structure du programme ou du document tout en veillant à ce que les documents retournent valides. Ensuite, nous avons les événements qui étendent la fonctionnalité des événements spécifiés par le niveau DOM 2. Et la barre X est le langage POD qui peut être utilisé pour accéder à l'arborescence DOM. Donc, c'est ainsi que dans cette conférence, nous avons appris sur le DOM en JavaScript. J' espère que vous comprenez comment votre concept est beaucoup plus clair sur le DOM. Si vous ne comprenez pas l'un des points ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
43. Méthodes Javascript HTML DOM: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des éléments HTML DOM. Le DOM est un souvent fait référence à l'arbre DOM et la dette est constituée d'un arbre d'objets tels que les nœuds de carte. Dans cette conférence, nous allons parler de la méthode des dômes HTML et qui est essentielle pour travailler avec notre JavaScript et le DOM. Et nous en apprendrons aussi sur l'arbre DOM. donc essentiel de comprendre la terminologie HTML et JavaScript estdonc essentiel de comprendre la terminologie HTML et JavaScriptpour comprendre comment travailler avec le DOM. Tout d'abord, ici vous pouvez voir que j'ai un document HTML. Ensuite, nous avons la balise HTML, balise
d'en-tête, le titre, la tête et le corps. À l'intérieur du corps, je crée juste une de la balise H1 et ici j'écris ça. Salut, ce n'est pas le cas. D' accord. Maintenant, vous pouvez voir. Donc, ici, nous avons lié certains des éléments des dortoirs ici. Nous sommes d'abord v, comment les documents racine, ok, alors nous avons l'élément racine, qui est l'élément HTML juste ici. Ensuite, nous comment les éléments de l'enfant, ok, qui est la tête et l'étiquette du corps juste ici. Et puis nous avons les frères et sœurs de l'ICA. Donc, comme vous pouvez voir que c'est juste un frère comme si vous pouvez le voir à ce stade, nous comment le nœud parent, alors nous avons le premier nœud enfant. Et ici, nous enfer, supposons qu'un frère espère que vous comprenez tout ce que la façon dont cela ne fonctionne pas a un HTML. Si nous voyons l'étiquette d'ancrage juste ici, supposons N Karachi REF, et ici je viens de monter à funky programmer.com et puis noyau le plus proche. Donc, c'est ici. Comme vous pouvez le voir, c'est d'abord ainsi que la balise d'ancrage divertissent les langues qu'elle avait. Ensuite, ici qui est lié à l'attribut h, r, e, f. Ensuite, ici, je suis juste en train de lier cette balise à un programmer.com funky, qui est la valeur d'attribut. Et ici vous pouvez voir que si vous voulez lui donner notre texte juste ici, supposons funky pour la grammaire. Donc, c'est la carte, c'est le texte de la maison. Donc, comme vous pouvez voir que tout entre l'ouverture et les balises de fermeture combinés faisant l'ensemble de l'élément HTML ici. Donc, c'est une carte. C' est, comme vous pouvez le voir, comment tous les modules sont liés les uns aux autres. Donc, ceci est garde HTML DOM, Comme nous voyons dôme comme un arbre et le niveau des nœuds. Donc, ici, vous pouvez voir que v, comment les éléments, les nœuds, noeud de
texte et la commande nord. Ici, nous avons les éléments, ici nous avons un noeud de texte, et ici nous avons le noeud de commande. Donc, ce sont tous des liens qui e-tailer quand un élément HTML est
n éléments du DOM et il est référé à un noeud d'élément. N' importe quel long. Textes en dehors des éléments est notre noeud de texte et HTML, commentaires. Désolé, les commentaires sont nos commentaires ni en plus de ces trois types de nœuds des documents lui-même et un noeud de document, qui est la racine de tous les autres noeuds ici. Donc, vous comprenez maintenant que comment nous pouvons créer avec des nœuds et l'arbre. Donc, je dis juste que ce sont des nœuds d'élément. Donc, avis d'élément commence à partir du corps, alors nous avons le mode texte, qui est notre texte qui ne fait pas partie des éléments que vous pouvez voir ici. Ok, et puis nous avons la commande commit to node, qui est le commentaire HTML. D' accord ? J'espère que vous comprenez maintenant. Donc, c'est ce que nous utilisons, les éléments HTML DOM. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
44. Accéder à un élément Accessing ligne par TagName: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la façon dont vous pouvez accéder à un élément DOM par nom de balise. Un JavaScript peut trouver l'élément dans le HTML en
fonction du nom de la balise et Z tourner un tourbillon de la note correspondante, qui est un intégré dans les fonctions des objets de document est disponible pour ce getElementById, le nom de la balise. Ici, je vais vous parler de givré jamais vous dire sur le nom de l'étiquette. Donc, c'est notre nom de balise qui est GET, ou j'écris juste ce document point get élément par nom de tag de. Donc, vous obtenez que c'est le nom de la balise mot, que comment nous pouvons obtenir notre élément par le nom de la balise ici je crée juste une balise qui est la balise H1, et j'écris juste que c'est le nom de la balise et VR va y accéder. Ok, maintenant ici vous pouvez voir les yeux juste là, document.getElementsBytagName où j'avais monté mon nom de tag ici, qui est la balise H1. Et puis ici, je viens d'accéder à la zone de l'index. Supposons que soit ajouté ou allèle de l'index 0. Et ici à l'intérieur, c'est HTML interne point HTML interne. Si vous mesurez ceci ou si vous voulez accéder à ce numéro spécifique comme elle, c'est notre balise. a simplement donné. C'est une étiquette ici. Et puis tu dois fermer ça. D' accord ? Maintenant, je viens d'accéder au navigateur. Et vous pouvez voir ici que c'est notre étiquette. Espérons que vous obtenez cela, que la façon dont nous pouvons accéder à l'élément par le nom de la balise. Et si vous voulez supprimer cela d'ici, vous verrez que cela nous montrera tout le message ici. Donc, comme vous pouvez voir que c'est comment nous pouvons obtenir l'élément par le nom de la balise. vous suffit d'écrire votre zone de nom de balise de l'index et simplement vous
devez passer à votre balise ici. Espérons que oui. Vous obtenez que si vous trouvez une nouvelle le problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
45. Accéder à un élément Accessing DOMAINes par ClassName: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de cela, comment vous pouvez accéder à un élément DOM par le nom de la classe. Javascript peut trouver l'élément dans le HTML en fonction l'attribut de nom de classe des éléments et retourner un tableau de nœuds correspondants. Ce sont les fonctions intégrées qui sont disponibles comme get element par le nom de la classe pour accéder à ces éléments. Comment vous pouvez voir cette balise de script. Et ici, à l'intérieur de cette balise de script, je viens d'écrire ce document. Et document point obtenir élément par nom de classe, comme vous pouvez le voir ici. Et ici, vous avez écrit votre nom_classe. Donc, ce sont juste des incitations de la getElementsByClassName ici, je suis juste en train de créer une classe. Supposons que c'est une classe d'Etch, ou c'est une classe de balise p. Et voici la classe d'écriture où je monte la classe, voici para, et ici j'écris juste un paragraphe comme ceci est un paragraphe, ok ? Et de l'élément DOM. Comme vous pouvez le voir ici, maintenant je reviens juste à cette balise, et ici j'écris juste le nom de cette balise, qui est, supposons un p, désolé, le nom de cette classe ici qui est un para. Et puis ici vous pouvez voir que je dois obtenir l'index d'un tableau. Et après cela ici, j'écris juste que c'est HTML interne. Et maintenant, je viens alors cela dans le navigateur. Donc, vous pouvez voir ici que c'est le paragraphe de l'élément DOM. Et vous pouvez voir ici si vous voulez accéder à une partie du formulaire de texte ici. Il suffit donc de copier ce texte et de le coller ici. Et ceci est rafraîchi. Donc, vous pouvez voir ici notre cet élément par class_name fonctionne et nous pouvons accéder à tous ces éléments par le nom de classe de donc vous obtenez cela. Donc, si vous trouvez un autre problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
46. Propriété de style Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la propriété de style dans DOM. Donc, nous pouvons utiliser cette propriété réinitialiser ou modifier la propriété existante Is tuile de la balise HTML. Comment l'héritage ? Ici vous pouvez voir que je crée juste une balise ici. Supposons que c'est une balise de paragraphe où je viens de dire l'ID et l'ID ici est que supposons ABC. Et puis ici, j'écris juste que c'est Java est désirée, est la propriété tuilée. Maintenant, après cela, je suis juste en train de créer une balise de script. Et à l'intérieur de cette balise de script ici, méthode utilise donc qui est un document et document.write getElementById. Et ici, je viens de dire, à
droite, l'ID qui est a, b, c. Donc c'est un nom de cet identifiant qui est un paragraphe id huit ici. Et puis ici, j'écris juste que le point est carrelé. Et un point carrelé ici. Je viens de changer la couleur de ce texte, qui est égal à, J'écris juste que c'est bleu. Ok, et maintenant je viens de lancer ça dans le navigateur. Donc, vous pouvez voir ici mon texte est changé en bleu. Ainsi, vous pouvez également changer aussi serré de la formée. Vous pouvez également modifier la taille du formulaire. C' est ainsi que ses propriétés tuilées fonctionnent dans le DOM. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
47. Éléments HTML par des sélecteurs CSS: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de l'élément HTML par un sélecteur CSS. Et si vous voulez trouver tous les éléments HTML que Maja est spécifié sélecteur CSS. Vous avez donc le bon ID, nom de classe, types, attributs, valeurs de l'extraction des attributs. Donc, vous devez utiliser une de la météorite ici, qui est de la glace dans I script tag, où vous pouvez voir que ce message ici est Curie. Et Curie, qui est Selector. Et donc c'est la question où vous êtes qui utilise pour un élément select par un sélecteur CSS. Maintenant, je dirige un programme et nous allons vous montrer comment nous pouvons l'utiliser. Ici. J' écris juste la balise H1, où je viens d'écrire cela, vous pouvez trouver le sélecteur HTML Curie. D'accord ? Et ceci est HTML. Maintenant, après cela, je décide qu'il s'agit d'une balise de paragraphe. Et la balise de paragraphe ici est Bonjour. Comment vas-tu ? Ce n'est que notre message de salutation. Et puis ici, je crée juste une balise de paragraphe. Nous ou moi avons dit que la classe et le nom de la classe ici est la déduction d'introduction. Ok, alors voici décider que c'est, ce sont les sélecteurs DOM et DOM CSS. Maintenant, je suis juste copier et coller cela aussi bien. Et ici, j'écris juste que c'est le sélecteur CSS DOM avec script java. Ok, maintenant, j'écris juste une balise de paragraphe. Balise de paragraphe ici, qui est égal à, Je dis ID et ID ici est, supposons notre ID de démonstration. Et maintenant, nous allons passer à la balise de script. Donc c'est petit p. Ici, vous pouvez voir que je crée juste une variable x qui est égale à Harris, non ? Qu' il s'agit d'un document point QD. Donc, ici, vous pouvez voir que c'est une commande de sélection de cutie all où je viens sélectionner P dot intro déduction, comme vous pouvez le voir ici. Donc p voici mon nom de balise, et puis c'est notre nom de classe ou notre mère qui accède juste ici. Maintenant, j'écris juste que le point de document ici, j'écris juste getElementById où le nom d'id est ici. Vous pouvez voir que c'est ID, démo. Et point de démo Harris écrire HTML interne qui est égal à, I. Il suffit d'écrire cela. C' est le paragraphe où class_name est égal à quatre e clause, ce qui est égal à, I. Il suffit d'écrire cette introduction. D'accord ? Et puis ici, j'écris juste que c'est une concaténation de X, qui est l'index 0. Et ici, je fouille que le paragraphe qui accède également à ce indexé, qui est 0 ici. D' accord ? Maintenant, vous pouvez voir que c'est une classe qui est X. Peut continuation de la classe qui est x ici. Et désolé pour cela ici, nous devons écrire des guillemets simples. D' accord ? Maintenant, vous pouvez voir ce point HTML interne à nouveau. Et puis ici, je ferme juste ce code. D' accord ? Maintenant, comme vous pouvez le voir, notre balise de script est fermée ici. Et nous allons exécuter ce code. Et vous pouvez voir ici. Donc, tout d'abord, vous pouvez voir ici que nous avons une balise de titre, qui est, vous pouvez trouver le sélecteur QT HTML. Ensuite, ici vous pouvez trouver un bonjour. Comment allez-vous, qui est notre balise de paragraphe. Ensuite, voici notre ClassName, qui est notre introduction. Et où j'ai décidé que c'est un sélecteur CSS DOM et c'est un sélecteur DOM avec JavaScript, Ce sont les deux noms de classes ici. Et ici, vous pouvez voir qu'avec cette balise vide, je suis juste créer ou je vous montre ce message dans cette balise de paragraphe. Espérons que vous obtiendrez ce net comment nous pouvons utiliser QT selector all méthode de commande
qui, qui utilise pour sélectionner tous les éléments HTML qui correspondent à notre sélecteur CSS spécifié. Notez que la commande QT selector all ne
fonctionne pas dans Internet Explorer huit et la version antérieure, car il s'agit d'une nouvelle version du HTML. Espérons que vous y arrivez comment nous pouvons utiliser le sélecteur QT. Donc, si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
48. Méthode de fermeture d'ordre HTML en DOM en HTML: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la bonne méthode DOM. Les bonnes méthodes DOM, droit, expressions html
SG ou code de script java pour documenter. Le droit important est principalement utilisé pour les tests de liste. S' il est utilisé après qu'un document HTML est complètement chargé, il supprimera tout le HTML existant et cela nous montrera la sortie. Voyons comment nous pouvons travailler avec ce dôme comme HTML, bonne méthode. Ici, vous pouvez voir ça à l'intérieur de Tang Ice, non ? Qu' il s'agit d'un point de document. Ici. Je vais écrire cette méthode d'écriture. Nous travaillons déjà avec cette méthode de dôme dans la plupart des conférences. La plupart des conférences. Et ici, vous pouvez voir que je dois écrire ce monde bonjour. Ok. Ici, vous pouvez voir. Donc, c'est la méthode d'écriture de document de carte point, ce que nous avons déjà étudié. Donc, notez que lorsque cette méthode n'est pas utilisée pour tester, il est souvent utilisé pour écrire quelque chose de texte à prendre une sortie est équipe ouverte par le document ou la matière ouverte aussi. Donc, ici, vous pouvez voir que je vais vous montrer l'un des exemples sur la méthode ouverte de point de document. Donc, cette méthode ouverte de point de document ouvrira votre Laika. Comme ouvrir la sortie est l'équipe de collecter la sortie de n'importe quel document ou essayé cinq. Comment vous pouvez voir ça ici, je suis juste en train de créer, supposons une fonction. Donc, c'est une fonction ici. Le nom de la fonction ici est ABC. Et puis ici à l'intérieur du corps de cette fonction, j'écris juste cette méthode ouverte documentée. Et vous pouvez voir maintenant ici je suis juste copier et coller cela selon cette fonction. Et ici, vous pouvez voir leur méthode de fermeture de point de document. Donc, la méthode ouverte utilise la force d'ouverture de ce type de texte. Et la méthode close utilise forclulose le texte. Ici. Vous pouvez voir que je suis juste en train de créer un bouton qui est sur les millésimes de
clic, cliquez sur ce bouton. Ici. J'écris juste ABC, qui est la fonction appelle ici. Et fermez-le, Harris, non ? Ouvrez le texte. Donc, quand je clique juste sur ce bouton, sorte que ces textes nous montreront. Prenons juste la sortie dans le navigateur. Et ici, vous pouvez voir que c'est la bonne méthode DOM. Et ici, je fais ça. Donc, comme vous pouvez le voir ici, je viens de cliquer sur ce bouton. Donc, après avoir cliqué sur
ce, cela va passer à la nouvelle fenêtre, qui est bonjour mot ici, qui est notre texte juste ici. Donc, comme cela vous dit que nous avons utilisé ici la bonne méthode ouverte et la méthode close. La méthode ouverte est ouverte et la sortie est faite équipe pour collecter la surperformée toute méthode document.write ou document.write ligne méthode. Une fois toutes les écritures effectuées, les méthodes de document ou de prose provoquent l'affichage
de toute sortie écrite sur la vapeur de sortie. Donc tu comprends ça. Si vous ne comprenez pas la pinte ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
49. Utiliser le modèle d'objets de document: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons présenter quelques exemples de code pour vous familiariser avec le modèle d'objet de document. Ces exemples devraient vous aider à devenir plus à l'aise avec le DOM. Pour travailler avec des exemples de code DOM, vous devez créer un fichier HTML, comme vous pouvez le voir sur votre écran. Pour créer un fichier HTML comme vous pouvez le voir sur votre écran. Alors ici, commençons à travailler avec. Ici. Vous pouvez le voir tout d'abord, je suis juste en train de créer une balise de script. Et ici, vous pouvez voir que la façon officielle d'écrire ceci est cribbed. Ici vous allez écrire la langue et ici je viens d'essayer la langue. Voici JavaScript. Ok. Maintenant, après cela ici, vous pouvez voir là que je suis en train de baiser de fonction. Et la fonction ici est ouverte et ouverte fenêtre juste ici. Maintenant, à l'intérieur de cette fonction, je crée une variable et une variable ici est que j'écris juste que c' est une nouvelle fenêtre qui est égale à Ys, non ? Ce point de fenêtre i, en utilisant
simplement la méthode Open ici. Donc méthode ouverte nous avons déjà étudié dans notre dernière conférence. Et ici, vous pouvez voir que je dois écrire ceci. Supposons v, comment ce DOM dot java est Dondo GPG, Emmys ici. Nous allons donc accéder à cette image dans cette méthode ouverte. Maintenant, ici, je vais écrire que c'est une nouvelle fenêtre comme le nom juste ici. Et ici vous pouvez voir que je dois écrire que c'est humide et humide, qui est égal à S, non ? 450. Et puis ici, j'écrirai la hauteur, hauteur, qui est égale à la glace, non ? 400. D' accord ? Maintenant, vous pouvez voir cela à l'intérieur de ce corps, et je viens de copier cette balise de script et ici collé dans la section d'en-tête. Maintenant, dans cette section du corps. Tout d'abord, vous pouvez voir cela ici si vous voulez changer la couleur de la couleur du corps. Donc ici, vous écrivez juste la couleur bg et vous
sélectionnez simplement le sélecteur de couleur si vous voulez sélectionner noir,
bleu, blanc, n'importe quelle couleur. Donc je sélectionne ici, qui est, supposons que cette couleur, accord, qui est un quart de cela. Vous pouvez voir ici qui changera automatiquement votre couleur ici. Maintenant, vous pouvez voir que je suis en train de créer une balise d'ancrage ici, qui est un HREF. Et ici, vous pouvez voir que j'ai dû écrire que c'est Java Script et JavaScript ici est deux-points. Et maintenant, j'appelle juste cette méthode ou cette fonction de fenêtre ouverte ici. Et puis ferme le noyau. Ici, je viens d'écrire que c'est l'utilisation du modèle d'objet de document. Ok, maintenant vous pouvez voir que je viens de lancer ça dans le navigateur. Et vous pouvez voir ici. Donc ici, la couleur de fond est, comme vous pouvez le voir, vert. Et c'est l'utilisation du modèle d'objet de document et il suffit de cliquer dessus. Donc ici une taille de 400 VET et désolé, 450 humide et 400 image de hauteur nous apparaît juste ici. Vous pouvez voir ça. Donc ici vous pouvez voir que je suis juste d'abord créer une variable puis une nouvelle fenêtre qui est égale aux portes fenêtres ouvertes. Donc ici, j'utilise juste la méthode Open quand ici j'
écris juste cette image, puis le nom de cette image et humide et la hauteur. Ainsi, comme vous pouvez le voir ici, la viande de ce script est une seule ligne, bien
sûr, qui se trouve à l'intérieur de la fonction de fenêtre ouverte. Les premiers paramètres pause les fonctions sont ce que vous souhaitez ouvrir. Ainsi, cela peut être un autre comme des documents HTML ou une image. Le deuxième paramètre est pause. Ce nom des variables qui vont
représenter cette nouvelle fenêtre. Comme vous pouvez le voir ici. C' est déjà bien, dans notre cas. Dans notre cas, c'est la nouvelle fenêtre. Le dernier paramètre est la hauteur et la largeur de la nouvelle fenêtre s'ouvrent. C' est le script est assez simple et facile à utiliser et peut être très utile. Par exemple, si vous avez une liste de produits ou votre site Web, ou si vous ne souhaitez pas encombrer les documents HTML avec tous les détails de chaque produit. Vous pouvez utiliser ces scripts pour permettre aux utilisateurs
d'afficher une page contenant ces détails après avoir cliqué sur le nom des produits. J' espère que tu auras ça. Comment vous pouvez voir ici que vous enfer, vous ne vouliez pas montrer le MS2 ou certains des fichiers à l'utilisateur. Vous voulez, vous voulez que les utilisateurs cliquent sur ce lien, puis qui trouvera cette image après avoir cliqué sur ce lien. Vous devez donc utiliser ce script à ce stade. C' est ainsi que nous utilisons le modèle d'objet de document et des exemples très simples. Mais je vous montre juste si vous trouvez un problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
50. Ajouter de nouveaux éléments à des autres: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de cela, comment vous pouvez ajouter un nouvel élément au DOM. Vous pouvez créer explicitement un nouvel élément dans documents
HTML DOM ou HTML à l'aide de la méthode de création d'élément document point. Voyons comment nous pouvons manipuler cette méthode dans notre code. Voyons ici, je suis juste en train d'écrire la balise de script. Et à l'intérieur de cette balise de script, j'utilise juste la fonction. Donc le nom de la fonction ici est que je viens d'écrire que c'est un élément d'insertion. Et puis après cela, j'ai séché variable, qui est un nouvel élément. D' accord ? Ici, vous pouvez voir que la glace, droite, qui est égal à document et document point créer et créer élément ici, qui est une balise DIV. Alors, quelles sont les balises DIV ? Ou je vais créer une balise DIV ici dans ma balise body. Et je ferme juste cette étiquette. Donc ici, je suis juste en train de créer un nouvel élément DIV. C' est donc une citation pour un nouvel élément DIV. Ici, je fournis juste un ID qui est égal à, je vais juste écrire que le nom de l'ID ici est l'onglet principal DIV ou je veux dire id. Ici. Je crée juste une étiquette. Une étiquette H1, c'est de la glace, non ? Que c'est DOM. Et je juste tout à fait l'IE à cette balise H1 qui est ID est égal à ceci est notre titre. Comme vous le savez, c'est le titre. Nous appelons cela comme la norme. Et puis ici vous pouvez voir que j'ai juste là la balise de paragraphe et la tête de balise de paragraphe est l'ID de, Supposons que c'est un para. Et ici, j'écris juste que c'est un simple élément DOM. J' espère que tu auras ça. Maintenant, vous pouvez voir que je dois créer une variable. Et variable ici est un nouveau contenu. Donc, ce n'est qu'une variable. Vous pouvez définir votre propre nom ici. Donc, ce n'est pas inquiétant à ce sujet. Donc ici, il s'agit d'un nouvel élément, d'un nouvel élément. Et c'est ma variable ici. Maintenant, vous pouvez voir que j'ai juste là, c'est le document point créer et créer. Voici le nœud de texte. Pourquoi je suis thé en train de créer le noeud de texte juste ici. Juste à cause d'ici, je crée juste l'élément. Donc, je vous dis juste que d'abord nous comment le nœud racine, puis ici nous avons le nœud enfant, puis après ce VL, un sub chiral. Alors, pourquoi suis-je ici ? J' écris juste le nœud de texte, qui est ici est juste, bonjour, VR ajoutant un nouvel élément. Ok, donc ce sera notre message quand nous pressons juste une sorte d'anciens combattants sont quand nous utilisons juste comme quand nous créons un nouvel élément. Ce message sera donc notre élément. Maintenant, ici, après cela, je crée juste un nouveau. Élément numéro un point append méthode. Donc ici, je suis juste d'utiliser un stylo enfant affaire ici et ici. Je fais juste une pause. Comme ceci est notre nouveau contenu. Donc, il doit y avoir un, sera une confusion confuse pour vous ici, ce qui est pourquoi nous utilisons un podomètre et ce qui est une méthode enfant de stylo ? Ajouter des méthodes enfant dépend du noeud comme dernier enfant du noeud. Et vous pouvez également utiliser cette méthode pour se déplacer dans les éléments d'un élément font alors. Donc, vous obtenez cela, c'est pourquoi nous utilisons cette méthode enfant append. Une fois de plus, je répète simplement que les méthodes enfant ajoutent un nœud à la fin de la liste des enfants du nœud parent spécifié. Et si l'enfant donné est notre référence à un nœud de création dans les documents, ajouter enfant déplacé pour ajouter enfant, qui est déplacé vers lui d'une position actuelle
aux positions suivantes signifie que cela est déplace l'enfant d'une position à une autre position. J' espère que tu auras ça. Maintenant, après cela, j'écris juste une des, une autre variable ici, qui est DI actuel que nous balisons ou l'élément actuel. Ok, c'est notre nouvel élément. Ceci est notre élément actuel est égal à Harris ride, document. Et le document ici est obtenir élément par ID, et ici nous allons obtenir l'ID de la balise DIV principale. Ok, maintenant, je dis document point body tag. Et là, je prends juste le corps de la page et je frappe un stylo. Et un stylo. Voici un enfant où je viens de créer se pose, obtenir ici un nouvel élément numéro un. Et puis nous allons imprimer l'élément suivant ici, qui est l'élément courant. Et là, je ferme ce noyau. Donc tu comprends ça. Maintenant, ici, je crée juste un bouton. Donc le bouton ici est le type de bouton où j'avais, n'est-ce pas ? C' est la méthode onClick. Et c'est sur la méthode click où j'ai dû écrire cet élément d'insertion ici. Ok, donc c'est l'élément insert, ce que je viens d'appeler ça dans le bouton. Alors, Harris, c'est ça ? Insérez votre élément. Notre code ici est terminé. Je viens de lancer cela dans le navigateur et comme vous pouvez le voir ici, insérez votre élément quand je clique juste dessus. Donc ici vous pouvez voir Bonjour, nous ajoutons un nouvel élément ici. Vous pouvez donc ajouter votre élément en cliquant sur ce bouton. Revenons au code. Donc, ici, nous créons une balise DIV simple pour créer ces tous les chevilles ici, nous avons le titre, le paragraphe et le bouton. Ensuite, ici, je reçois juste une fonction qui est un nom d'élément d'insertion. Et ici, je crée juste une méthode d'élément créatif, ou je mets cette méthode de création d'élément ici pour
créer un nouvel élément pour cette balise DIV. Chaque fois que j'appuie sur ce bouton. Donc ce message est montré pour moi, qui est de créer un noeud suivant y. Je crée juste cela parce que cela va lier un noeud à un autre. Ok, maintenant j'utilise juste une méthode enfant stylo. Donc, comme je viens de vous montrer que l'ajout de questions enfant ajoute une note à
la fin de la liste des enfants du nœud parent spécifié. Ensuite, voici la variable est ride qui a un élément courant. Donc ici, je reçois juste l'ID de cet élément principal pour imprimer cette valeur. Et puis après ça ici, c'est bien corsé ou fiable. Et ici, je suis juste en train de lier ceci ou noeud avec un nouveau noeud. Ici signifie qu'une fois que ce mode apparaîtra comme ici, une fois que ce nœud apparaîtra à vous. Donc, cela liera ce prochain noeud morbide. J'espère que tu auras ça. Si vous trouvez que je connaissais le problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence. Merci.
51. Constructeur Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du constructeur
et de la programmation orientée objet JavaScript de base de classe. Je ne me concentrais pas dans la dernière conférence que lorsque nous travaillons avec lelangage de programmation orienté
objet basé, langage de programmation orienté
objet basé, comme dans le script Java parce que V n'a pas effacé notre concept de constructeur. Tout d'abord, nous avons entendu que nous jouons notre concept de constructeur, et ensuite nous y passerons. Constructeur. La méthode du constructeur est spéciale, est-ce que c'est très, vous initialisez les propriétés. Il est carte automatiquement lorsqu'une classe est héritée. Comme vous pouvez le voir ici dans le constructeur, une méthode de constructeur Java
peut, can JavaScript est un type spécial de méthode qui est utilisé pour initialiser et créer un objet. Il est appelé lorsqu'une mémoire est allouée à un objet. Les deux définitions ici, d'accord ? Donc, les points à se rappeler que lorsque vous travaillez avec le constructeur, donc constructeur est un mot-clé utilise pour déclarer une méthode constructeur dans la classe. Contenir une méthode constructeur seulement signifie que si vous avez une classe d'ABC, donc cela signifie que cette classe ne sera contenue qu'un seul constructeur. Ok. Et JavaScript nous permet d'utiliser le constructeur de classe parent à travers les super mots-clés. Donc, nous ne passerons pas au mot-clé super dans cette conférence, nous sommes totalement concentrés sur le constructeur et la classe est concept signifie concept orienté objet de classe en JavaScript. Nous allons juste exécuter notre premier exemple sans classes dans Discord parce que je suis juste beaucoup, largement vous a donné une connaissance de l'objet constructeur en JavaScript. Ici vous pouvez voir que je crée juste une balise de script. Et à l'intérieur de cette balise de script, je suis juste en train d'écrire fonction. Donc la fonction ici est l'humain ou une personne. Donc, j'écris juste le nom de la fonction. Voici l'humain où nos podomètres, notre prénom, puis nous avons le nom de famille. Alors sommes-nous aussi gardés en âge ? Ok, maintenant vous pouvez voir que ce point, prénom, désolé. Tout d'abord, nous avons des paramètres comme le
nom, le nom et l'âge. Ok, donc ici, je suis juste en train d'écrire les propriétés de ça. C' est le prénom et la première image est égale au podomètre en premier. Ensuite, nous avons le femtomètre comme premier. Ensuite, nous devons écrire ce point LastName, où nous avions droit en dernier. dernier, c'est notre podomètre. Alors nous devons écrire cet âge de point, qui est égal à Harris, n'est-ce pas ? Ok, donc ce sont la fonction et les propriétés juste ici. Maintenant, je suis juste d'obtenir l'objet à la personne où je viens de mourir variable. Et vous pouvez voir qu'une personne enfer, supposons un père. Ainsi, le père Heaviside, qui est égal à Harris, écrivent un nouvel humain. Donc, comme vous pouvez le voir que je distribue. Objet à cela, qui est lorsque vous créez simplement des objets. Donc, vous avez la bonne variable, puis vous avez écrit nouveau comme un mot-clé, et puis vous avez le bon humain. Donc l'humain fonctionne tout. D' accord ? Maintenant, je dis que c'est John. Et là, j'écris ce John et le nom de famille est Bob. Et ici, l'âge ici est de 50 ans. Maintenant, vous pouvez voir que notre cour pour ce constructeur est complète juste ici. Donc, je crée juste l'objet pour notre constructeur ici. Et maintenant, je suis juste en train de diriger ce noyau. Et vous pouvez voir que cela ne nous montre pas de sortie ici. Juste à cause d'ici, vous pouvez voir que j'ai raison, point de document. Vous devez également écrire l'élément get par ID ou quoi que ce soit. Donc, si vous avez l'élément get par ID ici, vous devez simplement écrire une balise de paragraphe ici. Et puis à l'intérieur de cette balise de paragraphe, vous devez simplement écrire ID, ce qui est égal à I. Il suffit d'écrire l'ID ici est un pour n'importe quoi, ok. Vous devez écrire votre propre nom ici. Ses yeux, non ? R. Et puis ici vous pouvez voir que je dois écrire dans notre HTML et HTML interne, qui est égal à IS droit, que mon père est. Et ici vous pouvez voir que je dois écrire que plus pas Harris écrire Père, Père est notre prêt. On va le nommer. Je reçois juste de l'objet. Et ici, si vous voulez avoir l'âge du père, si simple, vous avez lu huit ici. D' accord ? Donc ici, vous pouvez voir que je fouille plus. Et là, vous pouvez voir que j'ai le bon point. Alors ne viens pas juste pour finir la ligne. Maintenant, je le reformule pour que vous puissiez voir ici que mon père est jumeau. Mon père a 50 ans. Si vous voulez obtenir le nom de votre père ici aux États-Unis et que vous écrivez simplement le nom de votre père si vous voulez obtenir le nom de famille, donc c'est le nom de famille de l'employé ici est Vauban, si vous voulez obtenir le prénom donc vous, Vous devez écrire votre prénom du père ici. C' est ainsi que nous pouvons créer notre constructeur. Donc, comme vous pouvez le voir, nous utilisons ce mot-clé ici. Donc, c'est un mot-clé dans le JavaScript quand il est utilisé dans un constructeur est bande. Il est fait référence à une instance créée avec un constructeur. Ok, maintenant nous passons à l'exemple de nos classes. Java est un script. Comment ? Vérifions juste ça. Donc, la déclaration des classes est déclarée par une classe comme mot clé. Et Harris, je suis en train de fouler le script tag. Et à l'intérieur de cette balise de script, j'écris la classe de, supposons que c'est une classe d'emploi. Vous aide à obtenir que la façon dont nous pouvons créer une classe, FastCV, comment le mot-clé puis le nom de la classe. C' est ainsi que nous pouvons déclarer notre classe. Maintenant, je vous dis juste que nous utilisons constructeur comme mot-clé. Donc, c'est constructeur comme un mot-clé ici. Et maintenant vous pouvez voir ici ce floue que je crée juste un constructeur d'un objet. Donc podomètres ici ID et ensuite employer le nom. Utilisez ceci comme un mot-clé et je dis I E, qui est égal à ID. Et puis ici vous pouvez voir que j'ai commencé ce nom de point et le nom ij est égal à nom ici. J' espère que vous obtenez que comment nous pouvons créer un constructeur pour CBR quand créer une
classe, le nom de classe ici emploie alors constructeur d'un objet. Et puis ici, vous pouvez voir que les podomètres, et puis vous pouvez voir que la propriété de cela ici, vous pouvez voir ce détail de l'employé. Donc c'est notre méthode ici. Donc ici, je suis juste en train de définir la méthode et maintenant ici j'illustre le point de document, non ? Et vous pouvez voir ici que j'ai commencé ce point plus D, j'ai juste la carte d'identité plus. Et là, je concaténe juste ce nom de point. Et voici un saut de ligne unique. J' espère que vous obtenez que la façon dont nous pouvons définir notre méthode à l'intérieur de cette classe. Maintenant, vous pouvez voir ici notre class_name est créé, notre constructeur est encombré ici. Il est créé ici. Maintenant, nous créons l'objet et nous lui transmettons les variables et les valeurs. Maintenant, la variable ici est l'employé numéro un et l'employé numéro un, ce qui est égal à ici que je connaissais comme un mots-clés pour obtenir le nouvel objet. Et ici, je suis juste en train de créer l'emploi comme nom de classe. De plus, je suis juste en train d'écrire l'identifiant de l'employé comme un. Et puis ici impliquer nom, ce qui est laisser supposer Bob. Et puis ici vous pouvez voir que je viens de créer variable et variable ici est l'employé numéro deux, qui est notre nouvel objet ici. Donc ici, je jure que je savais comme un mot clé, alors ça implique et Harris, non ? Impliquer IDE2. Et là, j'écris juste que c'est le nom des Daniels. J'espère avoir ça. Maintenant, vous pouvez voir ici que nous créons l'objet, mais ici nous ne créons aucune des méthodes ici. Donc, j'écris juste dire, désolé, EMP v1 point ici, je décide que je suis juste en train de créer la méthode ici. Donc, la question ici est détail impliquer. Et puis nous avons monté cette EMP à n'importe quel MPEG-2 que Dort implique des détails. Donc c'est nos méthodes, d'accord ? Maintenant Amazon dans ce noyau et avant de mettre fin à ce noyau, nous devons être ce piston juste ici. D' accord ? Maintenant, je garde ça et je cours ce cours. Donc vous pouvez voir ici délibérément que nous avons tenu la carte d'identité, puis Bob et ensuite la deuxième carte d'identité, et ensuite Danny's As the name. Donc maintenant vous pouvez voir ici, tout d'abord, nous créons la classe, puis impliquons. La classe. Voici notre mot-clé, et employer ici est notre nom de classe. t'aide à l'avoir. Maintenant, ici, après cela, vous pouvez voir ici nous créons un constructeur. Donc constructeur ici est le podomètre de l'ID et le nom. Ok, mais je vous dis juste que le constructeur est juste un mot-clé pour déclarer la méthode du constructeur. Et la classe ne contient qu'un seul constructeur. Donc, cette classe entière ne contiendra qu'un seul constructeur ici. D' accord ? Maintenant, vous pouvez voir que je viens d'essayer de propriétés et ensuite méthode ici. Donc, c'est l'instruction de sortie. Et puis ici, vous pouvez voir que nous créons les objets post et deuxième objet et ici premier appel n, deuxième appel. L' espoir. Donc, vous obtiendrez cela comment nous pouvons effacer la programmation orientée objet basée sur la classe dans le SDK Java. Si vous trouvez un problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
52. Le mot-clé avec l'ensemble de l'ébauche de Building: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du java est cribbed ces mots-clés et nous allons travailler avec un disque mots-clés et je vais vous montrer que comment vous pouvez travailler avec elle. Ce mots-clés dans le script java lorsqu'il est utilisé dans un constructeur, il est fait référence à l'instance qui est créée avec notre constructeur. Si vous essayez, supposons que c'est le cordon ici. Et si vous essayez le journal de points de console et ici vous trouverez, ici vous écrirez ceci comme le mot-clé. Donc ici, c'est un constructeur. Et vous avez remarqué que le thème comme notre exemple de journalisation. Donc, c'est comme utiliser l'instance elle-même. Quel est ce mot-clé ? Ce mots-clés qui se réfère à un objet et à
cet objet qui exécute le bit actuel du code JavaScript. En d'autres termes, chaque fonction JavaScript lors de l'exécution a une référence à ses contextes d'exécution actuels. J' espère que vous comprenez
maintenant, maintenant vous pouvez voir que je vais créer un exemple à ce sujet. Et ici vous pouvez voir dans notre dernier exemple, vous pouvez voir que j'ai décrit humain comme le nom de la fonction. Et puis ici je passe juste les paramètres à cette fonction qui sont prénom, alors c'est notre nom de famille. Et ici, vous avez vu que c'est notre âge. Maintenant, j'écris juste que c'est contrôlé ou journal. Et le journal ici est que je suis juste en train d'utiliser ceci comme un mot-clé. Donc ce sont les autres propriétés des autres propriétés souvent Méthode. Et maintenant, vous pouvez voir que je suis juste en train d'écrire const add le mot-clé. Mot-clé, où vous pouvez voir que je dois écrire que c'est le Bob et Bob qui est égal à moitié contester l'objet qui est à l'humain. Et c'est pour l'humain, désolé, humain, où j'ai dû écrire que c'est le Bob. Alors le deuxième nom ici est dangereux. Et là, vous pouvez voir que j'ai raison que ça si 50, désolé, c'est là. 50, ok ? Et j'ai le score le plus proche ici. Donc, comme vous pouvez le voir ici pour C, je tourne juste une fonction que des paramètres. Ensuite, il s'agit d'un journal de console. Vous pouvez écrire document.write sur, à cet endroit. Et puis ici vous pouvez voir que je distribue l'objet à lui aussi. Ce mot-clé est un concept très important dans la programmation orientée objet, donc vous avez besoin de vous familiariser avec lui. Ok, passons aux blocs de construction de la programmation orientée objet. Et nous verrons cela pourquoi nous utilisons programmation
orientée objet et quels sont
les blocs de construction d'une programmation orientée objet ? programmation orientée objet rend le code organisé. Comme vous pouvez le voir ici, ce noyau est organisé parce que la fonction. Ensuite, vous devez appeler ces fonctions. Et vous pouvez laisser envie de créer les classes. Et puis vous devez écrire les propriétés. Ok, très, elle est très compréhensible pour toi. Alors vous devez écrire l'objet dans ces classes, d'accord ? Ainsi, comme vous pouvez le voir, programmation
orientée objet est également facile à maintenir. suit la méthode sèche. Donc, la matière sèche, qui est ne se répète pas, ce qui signifie que le code est réutilisable et que vous pouvez réutiliser votre code signifie une fois que vous écrivez votre classe, vous devez le répéter encore et encore. Alors tu dois te plier. Ensuite, vous avez les avantages de la programmation orientée objet, qui inclut la sécurité. Et c'est également empêcher l'accès indésirable aux données où vous pouvez utiliser l'abstraction et le concept de masquage des données. Ou ici, vous pouvez voir que ça explose. Les cordons IT IS appropriés traversent les encapsulations et les abstractions. Les deux sont discutés plus loin dans le principe d'une programmation orientée objet. Ce que nous discutons dans ce cours, vous pouvez voir ici dans la prochaine conférence, nous allons couvrir encapsulations ou inter héritage et abstraction que aussi bien. Alors les programmeurs créent-ils des programmes orientés objet ? Eh bien, le raccourci, donc ses cheveux font les cours et créent les objets des classes. Dans la programmation orientée objet, tout est un objet et des classes
des Blueprints pour la façon dont les données et le comportement sont structurés. Les objets sont créés pour une instance spécifique d'une classe. En tant que programmeur, vous pourriez créer une classe doc pour Blueprint comme et comme je l'ai fait pour organiser toutes les entrées, toutes les informations importantes sur la pâte. Comme quelle est la couleur du chien ? Qu' est-ce qu'une lecture de la robe ? Où est le nom du chien ? Juste comme ça. D' accord. Maintenant, vous venez de passer aux blocs de construction de la programmation orientée objet. Donc, les blocs de construction dans la programmation
orientée objet premier venu dans la rangée est une classe. Vous créez la classe, puis vous devez créer les objets de cette classe. Deuxième chose importante. Ensuite, vous devez créer les méthodes à cette classe et ajouter la dernière. Vous devez définir les attributs de la classe. Quels sont les cours ? Donc, les classes, vous pouvez voir ici vous devez créer une classe. Ensuite, vous avez la bonne méthode à l'intérieur de vous êtes classe. Ensuite, vous devez définir les attributs qui sont vos variables comme la perle du chien, comme la couleur du chien, l'âge du chien. Et puis vous devez écrire l'objet dans la classe encore. Ici, vous pouvez voir que les classes ne sont qu'un Blueprint. Ensuite, l'objet ici est juste une instance. Alors, en fait, les bottes sont nos données. Ce que je vous dis juste que les variables, couleur du chien, le chien, un chien reproduit l'attraction. Et puis vous avez vu que c'est la méthode qui sont notre comportement que ce chien fonctionne ou comment ce chien Laika se comporte, ok ? Sur le fonctionnement de cette fonctionnalité, d'accord ? Maintenant, vous pouvez voir que c'est un exemple de codage. Supposons que nous ayons les variables ici. Comme vous pouvez le voir ici, c'est l'objet d'un chien individuel. Ok, signifie quand un chien individuel. Et ici vous pouvez voir que nous avons le chien qui est variable, et c'est un nom de chien, qui est fait référence. Et là, vous pouvez voir que ce sont nos attributs, d'accord ? Comme vous pouvez le voir ici, que ce sont nos attributs et données. Vous pouvez voir ici. Et ce sont les propriétés. D' accord ? Maintenant, vous pouvez voir d'abord, nous avons entendu un chien lui puis date de naissance. Ok, alors nous, comment l'âge du donneur ici vous verrez que ce sont nos méthodes ou les fonctions à Comment ce chien va se comporter. Ici, vous pouvez voir que je viens de retourner simplement date maintenant. Et ici, j'utilise juste ce mot-clé et obtenir la date de fin d'anniversaire du chien. Ok, ici vous pouvez voir que c'est un deuxième chien individuel où vous pouvez voir que d'abord vous trouvez le comportement, alors ce sont les propriétés, fonctions et vu comme un cas comme notre plus ancien. C' est ainsi que fonctionnent les blocs de construction de la programmation orientée objet. Si vous trouvez l'un des problèmes dans cette conférence de mots clés et les blocs de construction de la conférence de programmation orientée objet, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
53. Encapsulation Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de l'encapsulation en JavaScript. Dans la programmation orientée objet, encapsulation est les inclusions dans l'objet d'
un programme pour toutes les ressources nécessaires à l'objet aux fonctions, essentiellement les méthodes et les données. L' objet est dit être publié son interface, d'autres objets adhérés à ces interfaces utilisent l'objet sans avoir à se préoccuper de la façon dont l'objet est accompli. L' idée est, ne me dis pas comment tu fais, fais-le. Un objet peut être vrai de self contenu à l'interface de l'objet se compose de la méthode publique et des données instanciées. Dans les télécommunications. Si nous voyons l'exemple dans la télécommunication comme encapsulation, encapsulation est des inclusions d'une structure de données avec une structure élevée de sorte que la première structure de données est cachée pour le moment, par exemple, vous utilisez TCPIP format paquet de données peut être encapsulé avec une trame ATM et d'autres types d'unités de données transmises dans le contexte de contenu de la transmission et de la réception de la trame ATM, l'encapsulation choisie est simplement IST de BID entre les données ATM et le transfert distribué signifient que dans la machine ATM, le TCPIP est lié lorsque vous envoyez les données. Donc, ici, vous recevrez simplement est l'équipe de sang entre l'expéditeur de données et le récepteur. L' encapsulation est l'un des fondamentaux de la programmation orientée objet et du concept clé. C' est fait référence à l'immeuble. C' est au niveau du regroupement des données avec des méthodes qui fonctionnent sur ces données. encapsulation est utilisée pour masquer la valeur ou ce décollage est structuré objet de données à l'intérieur de la classe, comme empêcher les parties non autorisées d'accéder directement à eux et publiquement qui est accessible méthode sont généralement fournis dans le classe. Donc, c'est ce qu'on appelle les méthodes getter et setter. Qui accède à la valeur et aux autres classes de clients appelées ces méthodes pour récupérer et modifier la valeur dans l'objet. Ici, nous pouvons voir que je prends juste l'exemple de l'encapsulation comme la voiture. Donc l'enfer de voiture, différents types d'attributs. Supposons l'enfer de la voiture, modèle. Alors nous verrons que l'enfer de la voiture est aussi la vitesse. Ensuite, vous pouvez voir le moteur de l'enfer de voiture et la capacité aussi bien. Alors l'enfer de voiture est la limite de pisser aussi bien. D' accord. Et à la dernière voiture est que vous pouvez voir que vous pouvez conduire la voiture et le Royaume-Uni et vous pouvez arrêter la voiture aussi, ou vous pouvez régler la vitesse à cette voiture. Donc, si nous prenons cette voiture dans un composant réel, donc l'utilisation de la voiture du principe des abstractions définit le contexte des données qui seront nécessaires dans notre application. Dans ce cas, nous aurons besoin d'un nom de modèle de propriété de voiture, contenu actuellement la vitesse, la vitesse maximale, et les propriétés des moteurs booléens qui seront responsables je suis resté si une voiture est éteinte et allumer, comme ici, vous peut voir que ce haut ici est sera installé fonction. Donc, les principes d'encapsulation signifie que nous devrions ajouter aux mêmes questions de comportement de classe, qui est dr, est top et définir les limites de vitesse, etc. Ceux-ci peuvent être utilisés dans nos applications et également pour fournir l'accès restreint à la modification de l'état de l'instance de classe. Et nous ne voulons pas que notre client de notre classe puisse
éteindre la voiture et qu'il soit en mesure de définir une valeur de vitesse. Supposons que ce soit jusqu'à 100 milles à l'heure. Si le, le plus complexe ici dans l'encapsulation. Donc, si vous voyez les applications plus complexes et encapsulation, donc vous pouvez avoir besoin de plus de propriétés qui décrivent l'autre voiture, qui est des sous-systèmes comme la vie de la voiture, les roues de
voiture, les sièges d'auto, et la capacité du moteur et le fonctionnement du moteur. Donc ce sera le plus complexe, ok ? Dans ce cas, vous devrez faire quelques abstractions pour ce système. Et cela sera encapsulé, c'est l'état et le comportement. Et puis vous serez en mesure de combos une classe de voiture et comme, comme ça, des fonctionnalités comme ici, vous pouvez voir cela un exemple simple. Je suis juste en train de créer une voiture simple ici. Donc, ce n'est pas ressembler à un carton, C'est une voiture. Ok. Ici vous pouvez voir vous pouvez voir ici une voiture simple. Mais vous ne connaissez pas le moteur ici, les sièges, la porte, la limite de vitesse. Donc ici, chaque fonctionnalité est disponible, mais qui est encapsulée signifie que cela se cache ici. Espérons que tu comprendras ça. Maintenant, vous pouvez voir que je vous donne juste un exemple simple de la vie réelle à ce sujet. Donc, tout d'abord, nous verrons que l'encapsulation signifie des avantages d'encapsulations ici. Ainsi, vous pouvez utiliser des encapsulations. Le fonctionnellement est défini dans, la fonctionnalité est définie à un endroit et non à plusieurs endroits. C' est un premier avantage des encapsulations ici. Le code encapsulé est plus flexible et facile à changer avec de nouvelles exigences. Et vous pouvez définir l'endroit logique et
logique et l'endroit où les données s'échappent. Vous pouvez également empêcher les autres classes et l'accès aux privés remplissent également. Ici, vous pouvez voir les données à l'intérieur de notre objet n'est pas modifié façon inattendue par le code interne dans une partie complètement différente de notre programme. Lorsque nous utilisons une méthode, nous avons seulement besoin de savoir quel résultat la méthode produira. Et nous n'avons pas besoin de connaître le détail sur les objets internes et d'autres pour l'utiliser. Donc, nous pourrions changer l'utilisation d'un autre objet dans notre complètement différent sur, à l'intérieur et ne pas avoir à changer de code parce que les deux objets comment la même interface. Ok, l'un des, un autre exemple ici est qu'il encapsulations, garde nos données et le code sauver pour l'héritage externe. Est-ce que les encapsulations têtes pour agir votre sécurité et il est amélioré la maintenabilité de votre application. J' espère que vous comprenez maintenant. Maintenant, vous pouvez voir que je vous montre tous les exemples ici. Vous pouvez voir ici que nous avons la classe, et comme vous pouvez le voir ici, nous avons la classe. Ici. C'est des encapsulations. Donc, toutes les données ici sont disponibles à l'intérieur ces encapsulations où vous trouverez les variables. Et la méthode signifie que si vous voyez toute la classe ici. Donc, à l'intérieur de cette classe, vous pouvez voir ici nous hébergeons quelques types de membres de données, méthodes et de comportement. Donc, fondamentalement capsule ici, vous pouvez voir est encapsulé plusieurs combinaisons de laisser supposer des médicaments. Si la combinaison des médicaments sont des variables et les méthodes, alors le Capstone agira comme une classe. Ok, signifie que cette capsule agira comme une classe juste ici. Et tout le processus est appelé encapsulation. La technique d'encapsulation était technique. Nous avons déclaré le champ comme privé dans la classe pour empêcher d'autres classes d'y accéder directement. Donc tu comprends ça. Maintenant, je ne fais que montrer quelques exemples. Tu aimes ? premier exemple ici est que vous allez à l'école et un sac d'école est l'un des exemples les plus réels de l'encapsulation. Comme un sac d'école peut vous garder un livre, des stylos, etc. Donc ça s'appelle les encapsulations signifie que vous êtes en sac tenu toutes sortes de choses comme Penn et l'extraction de livres. Donc, comme vous pouvez le voir, vous ne pouvez voir que les livres étaient à l'intérieur de votre sac. Il y a plusieurs livres et les stylos. D' accord. Maintenant, l'autre exemple est lorsque vous êtes connecté à
votre adresse e-mail ou à un compte de messagerie tel que Google ou que vous utilisez Yahoo mail, ou que vous utilisez la même plateforme que vous gagnez. Et donc, il y a beaucoup de processus internes lieu en arrière-plan et vous n'avez aucun contrôle sur elle. Comme ici, vous pouvez voir que vous pouvez simplement ajouter votre email et ensuite vous allez ajouter votre mot de passe ici. Donc, vous ne savez pas que ce fonctionnellement une installation réellement performante et le lit BEC rond de votre interface comme ici, vous pouvez voir que vous êtes simplement un spectacle. Je vous montre juste une interface simple. Mais ici, vous pouvez voir que la fonctionnalité réelle ici est cachée de vous comme vous pouvez le voir ici. Ok, net comment j'ai fait la balise d'en-tête, comment j'ai fait la balise de paragraphe, et comment vous pouvez voir que je fais juste ou j'ajoute juste ces images ici. D' accord. Maintenant, nous allons juste Donc ici, lorsque vous entrez le mot de passe et mot de passe pour la journalisation, ils récupèrent un formulaire crypté
et valident, puis vous êtes donné l'accès à votre compte et vous n'avez pas le ou c'est ainsi que le mot de passe a été vérifié. Est-ce que son Keep a son mot de passe de prostituée de garder ou il est garder ou un compte à l'abri d'apporter les mauvais usages. Espérons que vous obtenez que ce sont les, certains des exemples. Espérons que oui. Votre concept est beaucoup plus clair maintenant et vous serez très familier avec les encapsulations et vous comprendrez comment VR utilisant l'encapsulation dans la vie réelle. Passons à l'exemple de codage de l'encapsulation. Et nous ferons du dur sur cette encapsulation. Et je vais vous montrer quelques-uns des exemples pour rendre votre concept plus clair. Comme ici, vous pouvez voir que je crée juste une balise de script. Où vous pouvez voir ici que je suis juste en train d'écrire le cours. Comme vous le savez, comme vous le savez tous la classe ici est le mot-clé. J' utilise. Mon ancien exemple ici, qui est l'employeur espère que vous comprenez maintenant tout d'abord, je suis juste de mettre les détails implicites. Donc ici, vous pouvez voir que ce sont les détails de l'employé et de l'employé ici. Où vous pouvez voir ici, ils impliquent la perspicacité est implicite détail. Vous devez écrire le nom de l'implique l'âge de l'employé, puis vous devez écrire comme la désignation de l'employeur ici. Donc tu comprends ça. Maintenant, j'utilise juste ce nom de point, qui est égal à ici je suis le nom de foulée. Ensuite, ici, j'écris cet identifiant de point, qui est égal à je décide ID. Et puis ici, j'ai dit ces désignations de points, ce qui est égal à la désignation de la vue ici. Comme vous le savez tous ici, je suis juste en train de créer la méthode et ce sont quelques-uns des attributs font cette méthode ici. Ok, maintenant vous pouvez voir que j'illustre obtenir l'ID de l'employé. Donc, c'est une question de ce que N est en cours d'exécution ici, qui est obtenir l'ID implicite. Et ici, je reçois juste l'identification de l'employé à l'aide de dates. Ou ici, je frappe l'ID de point de disque de retour. Maintenant, vous pouvez voir que je suis juste d'appeler ou je suis juste en train de créer les variables comme EMP, qui est égal à un nouvel emploi. Ici, je crée juste l'objet de cette classe. Vous pouvez voir ici. Et puis vous pouvez voir que délibérément j'écris juste un document point, d'accord. Où vous pouvez voir que je dois écrire cet EMP, qui est mon objet ici et ici, vous pouvez obtenir la méthode d'ID d'employé. Et puis tu dois fermer ton cordon. Donc, comme vous pouvez le voir ici, je crée juste une question distincte pour obtenir cet ID ici. Je ne te dis pas la logique, d'accord ? Juste pour faire votre concept ici et voir ce que je fais ici. Maintenant, je suis juste écrit obtenir nom implicite. Et ici, je retourne juste ce nom de point. D' accord ? Et là, vous pouvez voir que je suis juste en train de créer document.write et Harris, non ? Je cite le nom de l'employeur. D' accord. Ou désolé. C' est de l'employer. Maintenant, je suis juste en train de créer la troisième fonction, qui est ici. Je commence à obtenir. Désignation, où vous pouvez voir que les jambons écrivant que c'est retour et retour ici est cette désignation de point. Et je suis juste copier et coller cette méthode ici et
ici vous pouvez voir que d'abord je suis juste d'appeler impliquer IT, puis j'appelle le nom de l'employeur, puis les désignations de l'employeur ici. Donc, comme vous pouvez le voir ici, cette personne DVR définissant une fonction ici, qui est un nom de détail de l'employé, où les attributs ici, notre nom que introvertis sont IID et ceci est la désignation de votre implique. Espérons que vous aurez ça. Maintenant, ici, vous pouvez voir que vous êtes seulement fonction est montré à vous, qui est défini en détail. D' accord ? Maintenant, ici, vous pouvez voir qu'il n'y a pas de détail est fournir un aperçu de ces fonctions au lieu de juste attribut. Ici, vous pouvez voir que je suis juste en train d'obtenir un par un. Ces attributs en utilisant ces fonctions qui est obtenir, impliquer ID, get, impliquer le nom, obtenir la désignation. Et dernier exemple, vous avez vu que nous appelons simplement ceci get Employee ID et ensuite nous pouvons obtenir tous les détails ici. Mais encapsulations, Vous devez sélectionner uniquement les données nécessaires, toutes les fonctionnalités ici sont, vous pouvez voir que élevé. Donc c'est encapsulé ici. Et vous pouvez accéder à ces fonctionnalités une par une selon vos besoins. D' accord ? Maintenant, vous pouvez voir que je suis juste en train de définir ou je suis juste de fournir certaines des valeurs à elle. Comme ici, je commence EMP et puis voici je viens d'écrire les détails de l'employé ensemble où j'avais juste là. Supposons que ce soit John et ici vous pouvez voir que je dois écrire l'âge de cela, qui est de 25 ans. Et l'âge d'impliquer ici est de 25 ans. Et ici vous pouvez voir que le numéro de téléphone ici est désolé, la désignation ici est que je suis frappant que c'est l'IT implique. D' accord. Mais vous pouvez également écrire les numéros de téléphone de vos cheveux empire. D'accord ? Espérons que tu comprendras ça. Maintenant, je suis juste en cours d'exécution de ce cours, faites-vous les gars, où vous trouverez la sortie et ici, il ne nous montre pas la sortie juste ici. Laissez-nous vérifier une erreur. Il y a une erreur que vous pouvez voir ici que nous allons ajouter l'âge ici. Donc, au lieu d'id, nous ajoutons l'âge ici. Et vous pouvez voir ici que c'est un âge. Et d'accord, c'est bon. Maintenant. Maintenant, je fais ça. Donc ici vous pouvez voir que c'est notre date encapsulée. Comment, qu'est-ce qu'on obtient de cette citation ? Ils sont légèrement erreur entre l'âge et la carte d'identité, Désolé pour cela ici. Donc, comme vous pouvez le voir ici, je vous dis juste que c'est toutes les données encapsulées et nous accédons à un Y1 en utilisant les méthodes, ok, et ici je suis simplement créer un objet, puis répandre les valeurs assignées. Et ici, vous pouvez voir que j'ai juste ces valeurs ici. Passons au deuxième exemple sur l'encapsulation. Et je vais complètement vous donner la connaissance sur l'encapsulation ou la validation que vous pouvez valider vos données en utilisant des encapsulations. Le concept principal est d'utiliser ici. Supposons qu'on ait une classe d'étudiants, d'accord ? Et puis nous avons vu que nous avons certains types de constructeur que nous utilisons dans notre dernier exemple. D' accord ? C' est notre constructeur. Et ici, je suis juste en train d'écrire les deux attributs ou les variables ici, où d'abord j'ai aidé à écrire le nom et ensuite nous avons vu que je viens d'essayer Mark. Ok, maintenant après ça, je commence à obtenir d'abord vous devez avoir le nom. Et puis voici un cas comme notre ancien exemple ici, vous pouvez voir que j'ai dû écrire retour et ce nom de point. D' accord ? Maintenant, ici après cela, je suis juste en train d'écrire l'une des, une autre fonction ici qui setName passe-temps écriture fonction getName. Et puis ici, je suis foulée fonction
setName où j'ai juste mis le podomètre en pause comme nom. Et ici, j'écris ce nom de point, désolé, ce nom de point, qui est égal à ici, c'est bon nom. Ok, maintenant je suis juste en train d'écrire et d'autres fonctions pour obtenir les marques. Donc c'est notre Mars ici que vous pouvez voir. Donc GetMax, où je viens d'écrire ceci est le retour et le retour ici sont ces marques sombres. Donc tu comprends ça. Maintenant, ici après cela, j'écris juste la fonction marx set et où je viens de mettre le podomètre en pause comme les marques. Maintenant offrir ces glaçons, utiliser si déclaration. Donc, si voici les marques et les marques sont inférieures à 0, où j'ai dû utiliser l'opérateur ou. Et ici, je fais glisser cette marque qui est supérieure à un 100. Ok, maintenant, j'utilise juste un message d'alerte. Et le message d'alerte ici est que je dois écrire que ce sont des marques invalides. Et ici, je dois fermer ce code. Maintenant, on vient de déplacer la condition d'autre ici. Et l'autre condition ici est que j'ai écrit ces marques et marques sombres qui sont égales à Harris, non ? Marx. Ok. Maintenant, vous pouvez voir que j'avais raison ? Ou je dois définir la variable qui est un étudiant, ou un étudiant. Étudiant, Y a-t-il un nom_classe ? Donc je dois écrire std, SGD, ce qui est égal à je frappe New Student. Ok, maintenant Hair Ice code le plus proche et les yeux des cheveux, droit, STD dot set name. Donc j'appelle juste ces affaires là où je viens de dire que le nom est ici, supposons que c'est Bob. Et puis ici vous pouvez voir que je dois écrire S t points set marks. Donc, c'est mettre les simulations. Je vais donc vous dire le fonctionnement de cela ici. Je mets les marques ici, soit 90. Et vous pouvez voir que j'ai séché document écrit où j'avais droit point étudiant getName. Désolé, je dois d'abord écrire getName. Et puis ici, je suis juste concaténer SGD point obtenir des marques. Et puis je dois fermer ce cours. Ici, comme vous pouvez le voir, j'écris juste une bière étiquetée pour un single et une pause. Alors, qu'est-ce que ça fait ici ? Tout d'abord, je suis en train de créer une classe Mars, désolé, qui est un étudiant, qui reçoit le Mars et le nom des étudiants ici. Donc ici M est définir un constructeur et ce sont les attributs, ok ? Maintenant, vous pouvez voir que ce sont les, ce sont les données encapsulées, ce que nous voulions obtenir en utilisant ces fonctions. Donc ici, j'écris juste le getName. Donc, tout d'abord, cela va simplement obtenir le nom de ceci. Et là, je mets juste le nom de ça ici. Maintenant semble un cas comme GetMax et définir des marques ici. Donc ici je suis juste en train de définir le nom comme le Bob et de définir le Mars comme 19 signifie que Bob a 19 mois. C' est la logique. Si Mars est inférieur à 0 et que tout cela est enceinte ici, je frappe Mars qui est supérieur à 0. Donc ça va nous montrer. Marques non valides signifie que Mars est pas inférieur à, inférieur à 0 et Mars n'est pas supérieur à un CVR de 100 livres fournissant la valeur correcte ici. Donc rafraîchi ça. Donc ici vous pouvez voir que c'est Bob 90 et il nous montre le bon résultat ici. Si j'écris Mars, c'est 111. Donc, ici, vous pouvez voir que la méthode de message d'alerte est invoquée ici. Donc, vous pouvez voir réservé, rafraîchir et ici vous pouvez le voir dans Willard mocks. J' espère que tu auras ça. Et ici, vous pouvez voir que Bob et Mars indéfini ici. Espérons que vous obtenez que la façon dont nous pouvons utiliser l'encapsulation dans le java est retournée. Et quel est l'avantage de l'encapsulation dans le JavaScript ? Donc votre concept est très clair maintenant, si vous ne comprenez pas l'une des plantes ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
54. Prototype en fonction de Javascript en Prototype en fonction de Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de l'approche basée sur le prototype d'encapsulations. Une dernière conférence, vous avez vu une brève discussion sur les encapsulations, où vous en apprenez beaucoup sur les encapsulations dans le JavaScript. Ici, je vais vous dire l'approche basée sur le prototype sur les encapsulations. Le langage basé sur le prototype tel que Java est clivé, ne fait pas ces distinctions. Il est simplement a un objet, un prototype est le langage a son, les notations des objets prototype. Mais cela signifie qu'ici nous sommes simplement en train de créer un prototype
d'objets et d'objet utilisé comme modèle pour obtenir les propriétés initiales d'un nouvel objet. Tout objet peut spécifier sa propre propriété lorsque vous créez, lorsque vous créez
ou lors de l'exécution dans les éditions, ou lors de l'exécution dans les éditions, n'importe quel objet peut être associé en tant que prototype pour un autre objet, ce qui permet à l'objet seconds de partager le premier objet. Comme chaque objet du script Java a un prototype car c'est le moyen d'être lié à l'autre objet. Parler de l'héritage basé sur le prototype. Et ici, vous verrez que comment nous pouvons travailler avec. Ici. La même chose est le cas. Comme par exemple, je suis juste en train d'écrire est clip tech avec force. Et puis ici, j'ai écrit, supposons que la variable et la variable ici est le nom était égal au nom ici. Maintenant, ici, je viens de taper des variables et des variables ici sont Mars, qui est égal à IS droit, que ce sont les marques. D' accord ? Toutes les choses dans notre dernier exemple que nous avons couvert ici, vous pouvez voir que j'ai aidé à écrire objet, objet ou définir. Définir ici est la propriété. Ici. J'ai juste utilisé ce point ou ceci, et là je suis juste en train d'écrire le nom. Ok. J' espère que tu auras ça. Donc, c'est l'objet de méthode statique, qui est défini propriété comme vous pouvez le voir ici. Donc, c'est défini une nouvelle pauvreté directement sur un objet, et c'est modifier la propriété existante sur un objet et retourner l'objet ici. D' accord ? Maintenant, vous pouvez voir que j'ai raison ? Que d'abord je décide get, get ici est la fonction, désolé, c'est petit f. C'est une fonction. D' accord ? Ce qui signifie que je reçois juste getMethod pour obtenir la fonction. Et maintenant, je suis juste en train d'écrire retour et retour. Voici Nim. Puis ses yeux droit, dit virgule. Et maintenant, je suis juste en train de définir la fonction ici. Donc, c'est une fonction. Fonction que nous sommes, je passe juste le paramètre comme nom. Et puis ici, j'écris ce nom de point qui est égal à la glace droit ? Nom. Comme vous pouvez le voir ici, pastimes définit cette propriété de méthode d'en-tête, qui est définie propriété ici. Alors ici, j'écris juste des fonctions get où je ne reçois que le nom ici. Et puis ici, je suis juste en train d'écrire la fonction set et de définir le nom ici. J' espère que votre concept est bien clair maintenant. Maintenant, la même chose est comme si j'utilisais la même chose avec Marx. Ici, vous pouvez voir que d'abord l'objet je cite ou définir la propriété où la glace marque droit ici. Et là, je reçois juste la fonction et la fonction ici est Marx. Et là, vous pouvez voir que je l'ai fait, n'est-ce pas ? Ce sont les marques ici. Et ceci est Marques qui est égal à J'ai écrit que ce sont les marques. Ok, ici vous pouvez voir que comment notre projet, désolé, comment notre approche basée sur le prototype dans l'encapsulation fonctionne. Maintenant, ici, j'écrirais variable let, STD et SGD, qui est égal à ses yeux, non ? Nouvel étudiant. Ok, et là, j'ai juste là. Supposons qu'un étudiant ici soit chauve, et que les notes de l'étudiant ici sont 18. Maintenant, ici, j'ai le bon document d'écriture point, et ici j'avais monter ce std. Puis ses yeux sont obtenir le nom, ce qui est plus. Et ici, vous pouvez voir que je dois écrire plus SGD,
qui est, ce qui signifie qu'il s'agit d'une connexion de concrétisation. Et ici, j'ai les bonnes notes de la posse étudiante qui obtiendra le résultat du nom de l'étudiant et les notes de cet étudiant ici. Ici, vous pouvez voir que j'ajoute une fonction. Et vous pouvez voir que c'est une fonction ici où la glace droite, la fonction ici pour les étudiants où j'avais le bon nom et les marques. Et ici, vous pouvez voir que l'accord est le plus proche ici. Donc, c'est un étudiant comme un nom de fonction. Et au lieu de ces cheveux, j'ajoute juste ces crochets bouclés juste ici. Maintenant, je suis juste en train d'exécuter ce code où vous pouvez voir ici que notre première valeur, Harrisburg et la deuxième valeur ici est 80. Maintenant, revenons au code ici. Tout d'abord, je suis juste en train de définir une fonction et le podomètre à cette fonction ici est le nom et les marques. Ici, je crée juste deux variables, qui signifie que c'est une valeur encapsulée. Et ici, je reçois juste les valeurs avec l'aide d'une approche basée sur un prototype large. Tout d'abord, nous allons obtenir le nom, et puis ici nous allons obtenir le mars de nous jetons et semble un cas comme notre ancien exemple ici je dérape et vous objectez à cette classe et fournir les valeurs. Et ici, vous pouvez voir que je reçois juste ces valeurs pour la sortie et vous montre comme sortie juste ici. C' est ainsi que nous pouvons travailler avec un type de
prototype basé sur un projet est abordé dans les encapsulations. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
55. Exemple d'encapsulation Javascript 3: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des encapsulations java est dépouillé et nous allons faire des programmes qui vont exécuter une encapsulation et dessiner un cercle où vous allez gérer la taille de ce cercle avec le opérateur d'incrémentation et de décrémentation. Comme vous pouvez le voir sur votre écran à l'intérieur de ces balises de script, je suis joint une partie de la bibliothèque CDN JavaScripts. Donc cd et JS est un dépôt de bibliothèque qui hébergeait sur le cloud fair.com. Il est disponible gratuitement CDN pour les bibliothèques JavaScript et CSS communes. Cdn j comme la plupart des productions d'hôte principalement connu version
prête du script Java N bibliothèques CSS. Cd NGS prend également en charge les versions bêta sur leur plate-forme avec l'aide de n m, npm slash getfield. La connaissance est tournée vers l'exemple de ce code. Et ici, vous pouvez voir que j'ai dû écrire cette balise de script d'abord. Et maintenant, vous pouvez voir que je suis juste en train de créer une fonction. Et la fonction ici est le nom de la configuration. Donc, vous avez compris ça. Maintenant, vous pouvez voir que je distribue les deux boutons ici, qui est un nom de vous pouvez voir que c'est le bouton Créer. D' accord ? Et puis ici, j'écris juste que c' est la taille de l'augmentation. C' est un nom de bouton ici, point ici vous pouvez voir là j'utilise juste le nom de la fonction, qui est pressé par la souris. qui signifie que lorsque vous appuyez simplement sur votre souris sur ce bouton, sorte que la taille sera augmentée ici. Ok, et ici je suis juste à utiliser sur btn. Et ici, je viens d'écrire que cela est laisser supposer incrément. Donc, c'est btn et qui est incrément. Cliquez sur. Et j'ai dû fermer cet accord ici. Et c'est un support qui est proche ici. Ok, maintenant, maintenant vous pouvez voir ici, je crée juste un des, autre bouton juste ici, qui est un nom de diminuer la taille de votre cercle. Et puis ici, j'ai écrit que c'est une souris pressée. Et ici, j'ai écrit que sur btn et VT et les cheveux est diminué le clic. Donc ici, comme vous pouvez le voir, je distribue les deux boutons pour l'augmentation la taille et la diminution de la taille ici et offrir ces. Je crée juste une des autres variables. Créer p et où j'ai écrit que c'est une chaîne vide. Où je vais créer ça pour le cercle ici, ok ? Maintenant, vous pouvez voir que j'exclut une variable et la variable ici est en forme. Et puis ici vous pouvez voir que je suis juste de créer, j'appelle juste cette variable à l'intérieur de cette fonction, qui est égal à ici. Il suffit d'écrire une nouvelle forme et une nouvelle forme. Voici notre objet. Et je dois le noyau le plus proche ici. Maintenant, vous pouvez voir que je dois écrire que c'est Create, et ici je suis juste en utilisant ceci comme la toile, où la taille de la toile ici est de huit cent six cents. Et je dois fermer cette fonction ici. D' accord ? Maintenant, vous pouvez voir que nous sommes en train de créer une configuration des boutons ici. Et puis nous créons l'augmentation et la diminution de la taille du bouton. Ensuite, nous nourrissons une de la chaîne vide juste ici. Et après cela, je crée une balise de toile. Et puis ici, j'écris juste ce décalage qui est égal à nouvel objet de forme ici. Maintenant, je vous montre juste la sortie pour cela. Donc, vous pouvez voir ici que le bouton d'augmentation de la taille est plus grand ici. Mais ici vous pouvez voir que nous ne nous avons pas montré le bouton de taille réduite juste à cause d'ici. Ici, nous n'alignons pas ces boutons. Donc, nous allons juste aligner ces boutons d'abord juste ici. Donc, je distribue une fonction ici. Et la fonction ici est que vous pouvez voir que le bouton d'objet clique ou je distribue ce nom de fonction ici et j'appelle juste ce nom de fonction ici. D' accord ? Maintenant, vous pouvez voir que je dois écrire que c' est la forme et le point en forme ici je viens écrire incrément et puis ici vous pouvez voir que je viens de fournir la taille de dix ici. D' accord ? Maintenant, après cela ici, vous pouvez voir que je suis la fonction striding et la fonction ici est sur la diminution du bouton. Et le bouton de diminution ici est le clic. Maintenant, je suis juste en train d'écrire la forme. Et la forme ici est, J'ai écrit que c'est diminuer et diminuer ici est dix. Et je dois fermer ce code ici. Ni logistique la sortie en ce moment et ici gère frais cela, actualiser cela. Donc, vous pouvez voir ici nous trouvons un deux boutons pour l'augmentation et la diminution ici. D' accord ? Maintenant, vous pouvez voir que je dois dessiner certains de ces cercles ici. Maintenant, vous pouvez voir que je suis juste en train de créer une fonction. Et la fonction ici est que je viens d'utiliser draw comme un nom de fonction où je devais écrire cela. C' est d'abord, je dois écrire le clair. Donc, c'est une méthode claire ici, qui est, et voici l'arrière-plan. Ok, maintenant, je foule en forme de vaisseau dot dre. Et ici, vous pouvez voir que j'avais raison ? C' est le mouillé et les cheveux mouillés sont divisés par deux. Et ici, j'ai écrit cacher, qui est également divisé par deux ici, ce qui signifie juste que cela va obtenir la demi-hauteur et la moitié vétérinaire. Ok. Et comme vous pouvez le voir que cela est en forme de fonction de dessin de points. Non, après ça, vous pouvez voir que je dois aller à la fonction. Et ici, je suis juste en train de créer l'une de l'autre fonction qui est l'objet de forme de fonction, comme vous pouvez le voir ici, ok. Et ici, à l'intérieur de ce nom de fonction, je dois écrire ce point. J' ai juste le rayon de ça. Et le rayon ici est de 50 naissances. Ok. Maintenant, après cela ici, j'ai dû écrire cette forme et l'objet en forme ici est point. Je suis juste en train d'écrire ceci comme un prototype et un opérateur d'incrémentation prototype.js, ce qui est égal à Harris, non ? C'est une fonction. Et à l'intérieur de la fonction ici est le paramètre de n. Et puis ici vous pouvez voir que j'ai dû écrire que ce point, rayon et rayon, qui est opérateur d'incrémentation de nombre de ce paramètre n ici. Et puis ici vous pouvez voir que je dois écrire que c'est une forme. Et comme vous pouvez le voir ici, j'avais raison que la forme et l'objet en forme ici est prototype et le prototype ici est l'opérateur de décrémentation, où vous pouvez voir qu'il s'agit d'un opérateur de décrémentation qui est égal à Harris, non ? Que c'est une fonction et que la fonction ici est paramètre de n. Et puis ici j'ai essayé this.radius, this.radius, où j'ai dû écrire l'opérateur de décrémentation sur le podomètre. Et ici, ok, maintenant ici vous pouvez voir que je suis arrivé point en forme,
désolé, c'est le prototype de point d'objet de forme. Et ici, je vais créer un prototype ici de tirage au sort. Désolé, c'est dessiner et dessiner ici, ce qui est égal à j'ai écrit ceci une fonction. Et la fonction ici est le paramètre est n, désolé, la fonction du paramètre ici est x et y. donc ici, je viens juste à d'autres paramètres et où vous pouvez voir que j'avais, non ? C' est lipase et où vous pouvez voir que j'ai lu x et y, qui est mon nom de paramètre. Et d'abord, je dois écrire ce rayon de points et le rayon ici est l'ésotérique hors de. Alors je suis là, je conteste le cercle, d'accord ? Et puis ici est juste, et c'est un rayon et le rayon est,
est déchirure de deux ici. Et j'ai dû fermer ce code. Maintenant, comme vous pouvez le voir, notre code est créé avec succès ici et VR dessiner ou cercle
avec succès avec le bouton d'incrémentation et de décrémentation. Ici. Tout d'abord, je vous explique le score. Vous pouvez voir ici que nous sommes en train de créer une variable de navire. Ici. Je conteste offert est une fonction qui est une configuration. Donc, à l'intérieur de cette fonction de configuration V, Comment les boutons, qui est augmentation de la taille et diminuer la taille, qui signifie que lorsque vous appuyez simplement sur le bouton augmenté, sorte que la taille du cercle sera augmentée et lorsque vous appuyez sur la diminution charge, donc la taille du cercle sera diminuée ici. Et cette action sera effectuée sur les événements de presse de la souris. Parce que lorsque nous appuyons sur ce menu ou en appuyant sur le clic sur ces deux boutons, de
sorte que l'action sera effectuée ici. Ensuite, ici vous pouvez voir que je suis juste en train d'arriver aux fonctions de bouton, sur le bouton incrémentalement et sur le clip de décrémentation de bouton. Donc, ces fonctions sont disponibles ici. Voyons donc juste ici que nous créons une simple chaîne pour imprimer cette toile. Ici vous pouvez voir que je suis juste écrire créer toile, qui est une taille de huit cent six cents. Ensuite, ici vous pouvez voir que je viens d'écrire la forme, la forme, qui est égale à un nouvel objet de forme, qui est que vous pouvez voir ici. Et c'est notre objet de forme de fonction ou j'appelle juste ici. Vous pouvez donc voir ici que nous enfermons certaines de nos propriétés à l'aide de cette encapsulation. Ensuite, vous pouvez voir que je viens de créer une autre fonctionnalité ici, qui est une fonction nommée draw. Et puis ici, je viens de faire une pause claire et puis en forme ou dessiner, qui est un de deux et la hauteur de deux ici. Ok, alors ici vous pouvez voir que la fonction est sur le bouton clic et qui est la position de dix. Et la même chose est le cas comme cette décision de dix ici. Maintenant, vous pouvez voir qu'il s'agit d'une fonction de l'objet de forme. Et ici, vous pouvez voir que je viens d'enfermer ce .radius ici dans cette fonction. Et maintenant vous pouvez voir que ici je suis juste en train d'écrire le prototype est l'héritage. Donc ici, j'essaie juste de prototyper. Et puis ici, je dis point I-N-C nom de la fonction. Et c'est le paramètre de la fonction, et j'appelle juste ces paramètres ici. Et puis ici, vous pouvez voir que je viens d'essayer this.radius, qui définit l'opérateur d'incrément sur le bouton d'incrément comme vous pouvez le voir ici. D' accord ? Maintenant, vous pouvez voir que j'ai écrit décrément, même fonctionnalité pour le décrément. Et ici, vous pouvez voir que je décide cela pour cet opérateur de décrémentation. Et à la dernière Vous pouvez voir ici, Je dessine juste la forme et crée 2x est juste ici, qui est l'axe x et l'axe y. D' accord ? Et ici, je dessine juste le rayon ici, qui est un rayon. Ceci .Radius, qui est l'esthétique de deux et cette.radius, qui est Derek au large de deux ici. Laissons juste exécuter ce code et je vais vous montrer la sortie de celui-ci. Et ici vous pouvez voir que ce sont nos deux boutons, et c'est notre cercle ici quand je viens d'appuyer sur cette taille augmentée. Donc vous pouvez voir ici cette taille sera augmentée ici. D' accord ? Et quand je viens d'appuyer sur le bouton de diminution de la taille, donc ici vous pouvez voir là la taille de ce cercle ici est en baisse. D' accord ? Donc, comme vous pouvez voir comment nous pouvons créer ou comment nous pouvons utiliser l'encapsulation ici et créer un, créer un cercle avec l'aide de cela. L' espoir. Donc, vous comprenez que si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
56. Javascript Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de ce qui est l'héritage en JavaScript. L' héritage est un mécanisme dans lequel une classe acquiert la propriété d'une autre classe. Par exemple, un enfant hérite des triades de ses parents. Avec l'héritage, nous pouvons réutiliser les champs et les méthodes de la classe existante. Astuces héritage facilite cette réutilisabilité et est un concept important de programmation orientée objet. Le processus par lequel une classe acquiert la propriété et les membres de données et les méthodes de fonctionnalité d'une autre classe est appelé héritage. Le but de l'héritage est de fournir la réutilisabilité du code de sorte qu'une classe n'ait à écrire la caractéristique unique et le reste des propriétés communes et que les fonctionnalités peuvent être étendues à partir de la fin de la classe. Comme dans un langage technique, technique. La création d'une nouvelle classe à
l'aide de la fonctionnalité de classe existante est appelée héritage. Vous permet de voir comment. Ici, vous pouvez voir que v comment exemple ou un exemple diagramme ici. Là. Vous pouvez voir que ici v, comment une classe parent, qui est le nom de l'or de la banque. Supposons que vous allez sur le compte bancaire ou que vous allez au guichet automatique ici. Ainsi, vous pouvez voir que tout d'abord, vous verrez votre banque chez vous où vous avez votre numéro de compte, votre solde total dans votre compte, votre dépôt et votre retrait de solde, et vous devez obtenir votre solde ici. Supposons que vous allez au guichet automatique et retirez certains types de votre argent ici. Ici, vous pouvez voir que vous assistant la banque et cliquez sur cette option Vidra ici. Après le retrait, vous trouverez deux options. Là. Vous pouvez voir que vous avez un compte chèques ou vous avez l'épargne un calme, ou vous avez un compte courant ou vous nous aider compte épargne. Vous avez dit que j'ai un compte courant ou un compte chèques et que vous déposerez ou vous ferez sécher le formulaire de votre entreprise. Vous vous souvenez ici, vous pouvez voir ici une classe de base ou une classe parent est un compte bancaire. Et nos classes pour enfants ici sont chèque ou compte courant ou un compte épargne. Donc, ces classes sont dérivées de cette classe parent, qui est en haut BankAccount, qui utilise la facilité de numéro de compte, solde
total, puis déposer, retirer et obtenir le solde. Supposons que vous retirez chaque séchage Certains
du compte de quelqu'un avec l'argent de ce chèque econ. Donc, d'abord, vous allez vérifier votre ou votre système vérifiera le numéro de compte, puis ce système vérifiera votre solde, puis cela retirera votre MO. Ou voulez-vous déposer ? Donc, d'abord, cela va vérifier votre numéro de compte, puis cela va vérifier votre solde total, et ensuite cela va déposer votre montant. Donc, vous avez compris que c'est un client. Désolé, c'est l'architecture parent et enfant juste ici. Passons à un autre exemple. Ici, vous pouvez voir que supposons que vous avez certains des éléments électroniques où vous, comment ? Supposons les systèmes de son et le système téléphonique. Donc ici, les articles électroniques, notre classe parent et les téléphones ici sont dérivés ou une classe enfant signifie que ceux-ci sont dérivés de l'électronique. Vous pouvez voir ici. Ensuite, nous avons ici les sous-classes, qui sont une classe enfant à ce téléphone, qui est une classe parent, et puis ce sont les classes enfants. Maintenant, je vais vous dire l'architecture de ceci. Donc, ici, vous pouvez voir que dans la première étape V, Comment la classe parent comme la classe électronique et enfant que le téléphone et le système de son. Ensuite, nous avons les autres classes d'enfants. Vous pouvez voir que avec nos téléphones et téléphones de carte, désolé, téléphone mobile que les téléphones de carte. Et là, vous avez l'écouteur N est à utiliser. Donc ce sont les lunettes pour enfants. Pour ça. Vous pouvez voir que pour ces classes, qui est une classe enfant, la nourriture ici est la classe parent. Vous pouvez voir. Et pour les classes de dettes, les articles
électroniques, il y a une classe parent. J' espère que tu auras ça. Maintenant, vous pouvez voir que dans un vrai exemple, vous avez quelques types d'humains. Alors je chasse, hérité des traits de ses parents, tels que la beauté de la mère et l'intelligence du Père. Supposons ici que vous comment les papas moment, qui sont vos parents ici, nous avons la classe de l'humain, puis nous comment la maman et le papa, et c'est un soleil. Ok. Supposons que vous vous entendiez ou certains hériteront de votre couleur de cheveux du père et moi de la mère. Ok, alors cache-toi du père. Et puis laisse supposer l'intelligence de ta mère. Donc ici ce soleil est hériter de toutes les propriétés de son brevet ici. espère, votre concept est beaucoup plus clair maintenant. Ici, laissez-nous venir à l'exemple animal où vous pouvez voir qu' ici animal est une classe de base ou la classe parent qui va vous
étendre ou d'autres classes qui sont chien, chat, et appel. Ce sont les classes dérivées ou les classes enfants. Donc, notre relation dans le JavaScript représente l'héritage si un mécanisme d'utilisation des mots-clés d'étendue pour étendre ici est un mot-clé. Supposons ici que je viens d'écrire animal. Et animal va étendre la classe de chien ou de chat ou appeler S rétro. Ici, nous avons un autre exemple et cela rendra votre concept plus clair. Ici, nous avons la classe parent, qui est travailleur là, travailleur comment les routines quotidiennes, GitHub. Sortir, aller au travail, travailler ici, retourne à la maison, se détendre et dormir. C' est le cas comme ici. Ici, nous avons les différents types de travailleurs. Ceci est un exemple de la vie réelle loci sur le projet basé, où vous pouvez voir qu'il s'agit d'un pompier de combat, bûcheron, facteur de cheveux, et le gestionnaire. Donc, ici, cela héritera des propriétés de ce travail. Donc, un travailleur ou le pompier va mettre en place ces routines. Je vais numéroter Jack utilise également ces routines. Un facteur utilise également cette routine et un gestionnaire utilisera également cette routine. Ici, vous pouvez voir que cela héritera du travail de cela. C' est du travail. J'ai entendu le mot de ça. Et les facteurs héritent des propriétés de travail de ça ici, de cette classe ouvrière. Mais ici, vous pouvez voir qu'un manager travaille aussi ici. Et ici, cela héritera également est dirigé la propriété Relax de ce travailleur ainsi. Et ajoutez le dernier. Vous pouvez voir ici, nous avons tenu un mammifère de classe où vous pouvez voir que v, comment certains types de prédateur, chats sauvages et les animaux de compagnie DO, ok, qui est hériter de ces propriétés ici. Donc ce sont des exemples de diagrammes, ce que je vous montre juste les gars. Quels ont été les avantages de l'héritage dans la programmation orientée objet ? Comme ? Mais beaucoup soutiennent que dans toutes les classes, vous comment la paix répétée bien sûr, signifie que c'est notre concept de réutilisabilité, un mécanisme qui facilite la réutilisation des champs et
les méthodes de la clause existante dans la nouvelle classe est connu sous le nom réutilisabilité. Et lorsque vous créez une nouvelle classe, vous pouvez utiliser le même champ et les méthodes déjà définies dans la classe précédente, comme vous pouvez le voir ici dans un exemple de travail de donc vous obtenez cela. Donc, c'est ce qu'on appelle la réutilisabilité. Pour surmonter cela, vous pouvez créer une classe parent, supposons, disons compter, comme vous pouvez le voir dans notre premier exemple, vous pouvez le voir ici. Donc, cela va mettre en œuvre
la même fonction du dépôt et retirer et faire l'héritage de classe enfant, qui est la classe un compte de chèque ou d'épargne, et de sorte qu'ils auront accès à retirer et les fonctions de dépôt de votre classe econ. Espérons que votre concept est très clair maintenant que comment nous
pouvons utiliser l'héritage et ce qui est un concept de réutilisabilité. Passons à l'exemple de codage de l'héritage. Et je vais vous dire que comment vous pouvez créer votre exemple de codage avec héritage. Où vous pouvez voir ici que je suis juste en train de créer une classe. Et la classe ici est laisser supposer une voiture. On est à l'intérieur de ce nom de classe de voiture. Je viens de dire le nom de la voiture. Tout d'abord, vous pouvez voir ici ce sont la classe parent et les propriétés de la classe parent ici est le nom de l'ensemble. Donc ici, c'est une fonction. Et ici, j'écris juste ce nom de point et j'ai juste le nom ici. Maintenant, vous pouvez voir que l'une l'autre propriété qui est le moteur goudronné, où je dois écrire que c'est le point de document juste où vous
avez écrit ce moteur est ciblé. Et ici, je viens d'écrire plus. Désolé, ici, je viens d'écrire que c'est plus et ce nom de point. Donc, comme vous pouvez le voir ici, que V, Comment la voiture de nom de classe parent, alors nous avons les propriétés de cette voiture est définie nom de voiture, puis démarrer le moteur. Donc ce démarrage de voiture, ce moteur sera démarré pour ce nom de voiture ici. Maintenant, vous pouvez voir ça. Donc ce sont les deux propriétés. Ce que je viens d'obtenir ici. Donc la voiture est la classe des parents. Rappelez-vous que maintenant ici vous pouvez voir leurs yeux voiture droite. Supposons que la voiture ici est jouer ou tau, ou la voiture ici est 14x terminaisons. D' accord ? Maintenant, cette voiture va s'étendre. Donc, ce Twitter, je vais étendre la classe parent, qui est voiture. Comme vous pouvez le voir ici, qu'il s'agit de notre classe parent et que cette classe est dérivée, désolé, cette classe enfant est dérivée de cette classe parent où cela utilisera ces propriétés ici. Où vous pouvez voir que je frappe une partie de la fin des fonctions ici,
qui est la vitesse maximale. Et ici, je viens d'écrire que c'est, c'est la vitesse ici. Donc tu comprends ça. Maintenant, vous pouvez voir que je suis arrivé est vers la fin du moteur. Et ici, vous pouvez voir ou je veux juste ajouter l'une de la fin de la propriété qui est l'arrêt du moteur. Nous sommes, j'écris juste ce point de document. Et ici, je dois écrire que le moteur est surmonté pour ce nom de voiture point. Maintenant, vous pouvez voir que je dois créer un nom de fonction. On est blessés, non ? Que la vitesse de la voiture où je dois écrire le document. Donc c'est le document ici. Et document.write où je suis arrivé là-bas. Le top est PDD. La voiture ici est plus ce nom de point de la voiture. Et ici, j'ai écrit plus. Et ici, je suis côté, et puis ici, j'écrirai cette vitesse de cette voiture. Comme vous pouvez le voir ici, que cette propriété est de la voiture ici, du Twitter ici utilise sa propre propriété signifie que comme ceci est la propriété de cette Toyota. Et maintenant, nous allons obtenir la propriété de notre classe parent. Supposons que ce soit un début et que ce soit un moteur goudronné. Et ici, j'appelle cela à nouveau et vous pouvez voir ici que je frappe le document. Et c'est l'écriture de point de document où j'ai dû écrire que c'est le moteur. Un moteur est, est ciblé pour la classe enfant. Et je ferme juste le noyau ici. Maintenant, comme vous pouvez le voir ici, j'utilise juste LED a un mot-clé pour la variable. Donc, voici juste, laissez ma voiture, qui est égale à la nouvelle Toyota, qui est mon className enfant. Et là, vous pouvez voir que j'ai lu que ma voiture et ma carte ou je vais juste obtenir le nom de la voiture. Donc, ça l'est. Nom du setname. Nous sommes, j'écris juste le nom de l'ensemble ici est laisser supposer que c'est le nom ici est pour le tuner, ok ? Et j'aurai l'accord le plus proche ici. Maintenant, je suis juste d'écrire ma carte ou est moteur
goudronné et c'est le moteur tarte pour disque Carney. Ensuite, je démarre ma carte ou arrête le moteur. Et le moteur d'arrêt ici est, vous pouvez voir que ce sont les images de fonction TOP moteur comme moteur supérieur est pour le nom de la voiture heureusement. Et maintenant, je suis en train de régler la vitesse de ma carte point top speed. Et la vitesse maximale ici est que je cite 250 kilomètres à l'heure. Ainsi, comme vous pouvez le voir ici, toutes les fonctionnalités sont calculées ici pour l'héritage. Donc ici, je vous dis juste que comment cette classe est héritée de cette classe parent. Comme vous pouvez le voir ici, c'est notre classe parent, qui est un nom de voiture. Et puis nous avons cette classe d'enfants ici est Toyota, qui est une catégorie de cette voiture et une entreprise de cette catégorie de voitures. Ok. Maintenant ici, à l'intérieur de cette voiture signifie que chaque voiture a le nom, chaque voiture, comment ils démarrent le moteur et chaque voiture comment le moteur d'arrêt. Maintenant, ici, je viens d'utiliser Toyota et ici je viens simplement de dire la vitesse de la Toyota, qui est une propriété de cette voiture Toyota, signifie chaque voiture grêle ou chaque entreprise automobile comment est sur la vitesse ? Ok, maintenant ici, j'hérite juste de ce sont propriétés du moteur
goudronné de cette classe parent. Et puis je vais obtenir, c'est d'abord, je vais définir le nom de cette voiture Toyota et hériter de ce setName de ce modèle className, qui est chanceux comme un but. Et puis ici, vous pouvez voir que je dois écrire est moteur de démarrage. Donc, il a démarré moteur est également la propriété de cette clause de voiture. Et puis ici, ce moteur supérieur est aussi la propriété de cette voiture de classe. Et ajoutez le dernier que vous pouvez voir ici je suis juste obtenir la propriété de cette voiture Toyota ici. Maintenant, vous pouvez voir que j'ai raison, ma voiture ici et l'endroit de ça. Je viens de diriger ce noyau. Et comme vous pouvez le voir ici, que tout d'abord, nous avons vu que le moteur démarre à partir de la classe enfant. Puis le moteur est top pour le dîner. Et puis ici, vous pouvez voir que la vitesse maximale du coureur est de 250. Comme vous pouvez le voir que la façon dont ces voitures ou comment cette classe enfant Twitter est héritée, la propriété de classe parent qui héritera du nom qui est enseigné propriété
moteur que sa propriété de moteur supérieur et ajouter le dernier que nous allons exécuter son propre qui est en haut est P. Espérons que vous comprenez maintenant que comment nous pouvons utiliser l'héritage pour hériter certaines des propriétés de la clause parent à la classe enfant. Maintenant, je suis juste en cours d'exécution l'un des exemples que vous les gars, où j'utilise juste le mot-clé super et le constructeur aussi bien. Ici, je viens d'écrire une autre balise de script où je dois écrire cela. Supposons que c'est une voiture de vélo, d'accord ? Maintenant, vous pouvez voir que je fouille. Tout d'abord, le constructeur. Et le constructeur ici est, vous pouvez voir que j'écris juste les variables ici. Supposons que ce point ici j'avais monter la société et la société ici est, vous pouvez voir que je dois écrire la société ici est Honda ou Yamaha, quelque chose ? D' accord. Maintenant, vous pouvez voir ce givré, c'est ma voiture, désolé, vélo comme un nom de classe, qui est une classe de parents ici. Maintenant, je suis en cours de course. Supposons qu'il s'agisse d'un véhicule et que ce ClassName entend la couleur et les cheveux. Je me suis efforcé de prolonger et d'étendre. Le nom de la classe parent est Mike, donc étendu ici comme un mot-clé comme vous le savez. Maintenant, ici, j'écris le constructeur. Et le constructeur ici est quatre, c'est prestigieux, nom de grève. Et là, j'écrirai le prix de ce vélo. Ici, j'utilise juste super comme mot-clé. Alors pourquoi nous utilisons le mot clé super ? Les super mots-clés font référence à la classe parent. Il est utilisé pour appeler le constructeur de la classe parent se termine à excès les propriétés et la méthode de la classe parent. Lorsque vous devez utiliser le super mot-clé, cela est utilisé pour
obtenir ou pour accéder aux propriétés de la classe parent et méthodes pour comprendre
le concept d'héritage I, parent et la classe enfant est préférable de lire d'abord, ou il est préférable de regarder l'article sur les classes dans le script Java et vous devez regarder la conférence de la classe de script java. D' accord ? Sachez quand, quand, lors de l'utilisation dans
le constructeur des super mots-clés apparaissent seuls et doivent être utilisés avant d'utiliser ce mot-clé. Les super mots-clés peuvent également être utilisés pour appeler les fonctions de l'objet parent. Maintenant, après ça, je suis frappante. Supposons que ce nom de point, un ID d'image égal au nom de droite IS. Et puis ici, je dis plat.price. Et le prix ici est égal à je frappe le prix. D' accord ? Deux propriétés ici, le nom et le prix après le mot clé super. Donc j'ai juste le nom d'entreprise ici, OK. Maintenant, après ces cheveux, je frappe variable. Variable ici est laisser supposer, rappeler et véhicule qui est égal à j'écris de nouveaux véhicules. Donc, je crée juste l'objet de cette classe d'abord. Et là, je me suis dit que la Honda est, supposons que le nom de la Honda est, supposons que l'actionneur Honda, ok ? Donc c'est le nom du propriétaire juste ici. Et le prix de ça, c'est je suis en train de définir le prix ici. Supposons que le prix ici soit 80 000, ok ? Ou les cheveux comme un prix ici est laissé supposer 800. Donc c'est à vous de décider, d'accord, vous pouvez obtenir n'importe quel prix. Donc ici, je dis document.write où je dois écrire que plus T v point, obtenir l'entreprise où la société est la méthode de l'année, la société est la propriété de cette classe parent. Et puis ici vous pouvez voir que je dois écrire des concaténations de nom de point V, qui est un nom de ce vélo. Et puis ici, je vais écrire ce prix plus V point. D' accord ? Et j'ai le coin le plus proche. Maintenant, je veux juste ça dans le navigateur. Donc, vous pouvez voir ici que d'abord nous comment le nom de la société Honda, qui obtient de notre classe parent, puis v comment actionneur Honda, qui est le nom de ce tuyau. Et puis ici, nous avons le prix de ce vélo ici. Espérons que vous obtenez cela, que la façon dont nous pouvons hériter les propriétés de classe parent avec l'aide de ces héritages. Donc, c'est comment nous pouvons utiliser l'héritage dans le java est lu. J' espère que vous comprenez maintenant, si vous ne l'êtes pas, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
57. Prototypes et héritages Prototypical en Prototypes: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de l'héritage basé sur le prototype. Dans la programmation, nous voulons souvent prendre quelque chose et étendu, par exemple, v, comment un objet utilisateur avec ses propriétés et méthodes et que vous voulez
faire admin et invité comme modifier légèrement les variantes de celui-ci. Nous avons aimé réutiliser ce V, Comment dans les utilisateurs et ne pas copier le ré-implémenté, il importait, juste construit un nouveaux objets et le haut de celui-ci. Le prototype. En JavaScript, l'objet, comment est Pashas masqué propriétés, qui est prototype de carte comme nom dans les spécifications qui est soit null ou références à travers un autre objet. Cet objet est appelé prototype, comme ici, vous pouvez voir que d'abord, vous devez créer le prototype, qui est notre objet. Ensuite, ici vous allez créer l'objet ici pour ce prototype. Donc, quand cet objet prototype sera créé, cela signifie que c'est notre prototype. Le prototype est un peu magique et quand on
veut lire une propriété qu'un objet et qu'il manque, le JavaScript le prend automatiquement du prototype. Dans le paramètre de programmation est l'héritage prototypé de la carte. Une programmation prototypique est cette tuile de programmation orientée
objet dans laquelle le comportement est utilisé, qui est connu sous le nom d'héritage, est effectué via un processus de réutilisation d'objet existant
qui, qui servent de prototypes. Ce modèle peut également être appelé prototype ou prototype orienté objet, programmation d'objet d'instance
sans classe. Ici, nous parlons de la classe moins d'héritage et je vais vous montrer que comment vous pouvez le créer. Ici. Vous pouvez voir que je viens d'écrire une balise de script ici et d'insérer la balise de script. Peut-être que j'utilise juste un simple héritage de véhicule prototype pour vous. Je frappe constante. Constant ici est une personne et une personne qui est égale à ici j'écris que c'est le prénom. Et le prénom ici est là. Supposons que c'est l'ampoule. Ok, alors vous devez voir que j'ai aidé à écrire nom de famille et le nom de famille ici est Dan. Oui. Ok. Maintenant, après cela ici, vous pouvez voir que j'ai dû créer une méthode ou la fonction ici, qui est obtenir le membre antérieur. Et le nom complet ici est le nom de la fonction ici pour obtenir les propriétés
de retour de et les propriétés de retour des cheveux est juste que cela, désolé, vous avez raison que ce point prénom. Et puis nous avons écrit que cela obtient la propriété de ce nom de point. Et j'ai dû fermer ce code ici. Jusqu' ici, vous pouvez voir que je dois fermer ce pore cas similaire comme notre ancien exemple. Ici, vous pouvez voir que je suis juste en train de créer une autre classe. Vous pouvez voir qu'il s'agit d'une classe de développeur. Et où vous pouvez voir que j'ai droit, prénom et prénom, qui est égal à Harris, n'est-ce pas ? John. Et puis ici, j'écris nom de famille, qui est égal à, je dois écrire ça. Le nom de famille est David. Et je dois fermer ce code ici. Maintenant, vous pouvez voir que j'utilise juste le prototype où j'avais raison, qu'ils disent
que le développeur et développeur point soulignent ici je viens d'écrire que c'est Frodon. Et là, vous pouvez voir que j'ai aidé à écrire ce qui est égal à la personne ici. Ainsi, vous pouvez voir que ce prototype propriétés est une simple propriété d'accesseur. Un objet qui est Leica sur un prototype de point d'objet, qui est composé d'un getter et les fonctions setter. Un accès à la propriété pour le protocole qui aime réellement les constantes. Ok, j'espère que vous comprenez maintenant. Donc, je vais vous le dire encore, cette propriété de protocole est un objet, est une propriété qui est mappée le prototype d'un constructeur des fonctions d'un objet. Espérons que vous aurez ça. Maintenant, passons à l'exemple maintenant et vous verrez que comment nous pouvons travailler avec lui. Maintenant, vous pouvez voir qu'à la fin, j'ai juste accès à la personne. Et la personne ici est obtenir le nom complet, qui est mon nom de fonction. Et puis ici, vous pouvez voir que j'ai droit, développeur, point
développeur, obtenir le nom complet du développeur ici. Maintenant, vous pouvez voir d'abord, nous créons la classe Person, qui est une classe parent où je viens de dire le prénom et le nom ici. Ok, maintenant après cela, vous pouvez voir ici je suis juste obtenir le nom complet, qui est une méthode ici où cela va nous retourner this.name et déformer le nom de famille ici dans la vue du développeur, prénom et nom ici. Où vous pouvez voir qu'après cela, je reçois juste le nom complet ici, qui est les propriétés de la classe parent. Donc, je reçois juste ces propriétés ici dans une classe enfant aussi, qui est un nom complet que vous pouvez voir ici. C' est ainsi que fonctionne l'héritage prototypel en JavaScript. Maintenant, passons à l'autre exemple ici, que vous
puissiez le voir. Donc, je laisse juste cet exemple ici et je suis juste en train de créer l'un des, un autre exemple ici. Donc, comme vous pouvez le voir ici, que je suis juste en train de créer une fonction. Donc ici, vous pouvez voir que je suis juste en utilisant constitué le mot-clé, mais ici, je suis juste en utilisant la fonction ici, comme notre ancien exemple, la vue vélo. Donc ici, je suis juste en cours d'exécution de l'exemple ici, ou podomètre ici. En tant qu'entreprise. C' est une fonction comme un vélo, qui est notre classe parent. Ou c'est notre fonction constructeur où je viens d'écrire ce .com. C' est donc un héritage de niveau fonctionnel ici. Donc, où j'utilise juste. Prototype S1. Donc Harris écrire société qui est égal à la société, et la société qui est égale à la société ici. Et puis ici, j'ai le bon point de vélo, point
prototype obtenir la société, ce qui est égal à, I. Il suffit d'écrire ici fonction. Et la fonction ici est retourner this.com. D' accord ? Maintenant, vous pouvez voir d'abord, je fais juste ce constructeur, qui est constructeur apparent de cette fonction. Donc vous pouvez voir ici, je suis juste hérité de cette fonction de ce véhicule. D' accord ? Où j'avais juste nom et puis prix. Maintenant, ici, j'écris ce nom de point, qui est égal au nom. Et puis ce prix de la porte. C' est donc le prix qui est égal au prix. D' accord ? Maintenant, vous pouvez voir ce floue, c'est la fonction qui est une fonction parent ici où je crée juste une société constructeur. Et là, c'est un prototype, OK. Maintenant, après cela ici, vous pouvez voir qu'il s'agit d'une fonction enfant. Et vous pouvez voir qu'une
fonction de constructeur enfant où je viens de dire le nom et les prix. Donc, après cela ici, vous pouvez voir que j'ai droit vélo variable et je suis juste créer l'objet ici où je dois écrire l'octet qui est égal à mu bike, où j'avais raison, que le nom du vélo ici est, ou par le nom de la société ici est Horner. Et puis je dois le code le plus proche. Et puis ici vous pouvez voir que j'ai le bon véhicule et le véhicule point ici j'ai essayé prototype, ce qui est égal à la vue. Vélo. Ici vous pouvez voir que maintenant ce vélo nous allons traiter comme le parent du véhicule. D' accord ? Maintenant, vous pouvez voir que variable et variable ici est le véhicule et c'est l'éveillé ici et qui est égal à nu. Et nu ici est le véhicule où je viens de lui dire les valeurs. Supposons que c'est la brillance Honda et ici le prix de cela ici est 800. Et je divulgue sa vue des cheveux, document point écrire et document.écrire ici est vous pouvez voir que réveiller ses yeux de cheveux, non ? Obtenez de la compagnie. Et c'est une bonne méthode d'entreprise. Donc, vous pouvez voir ici c'est une bonne entreprise, alors que l'utilisation ici. Et puis ici, je côté plus. Et plus voici le nom de point éveillé. D' accord ? Et puis ici, je viens de choisir, encore une fois peut continuation du véhicule. Et c'est le prix du véhicule. Et je dois fermer ça. Donc maintenant, maintenant je vous explique ce cours où
vous pouvez voir que c'est une fonction qui est un vélo, qui est notre fonction parent hétéro-parent constructeur parent ici. Maintenant, vous pouvez voir que c'est une propriété de cette fonction et maintenant c'est un prototype. Ce que je décrit ici, qui est un prototype de point de vélo. Cela obtiendra le nom de la société, qui est égal aux fonctions et qui retournera la société. Ici, vous pouvez voir que c'est une fonction qui est un moyen cool. Et ici, vous pouvez voir que je dois écrire les paramètres à cela, qui est le nom et le prix. Donc ici, le podomètre est société, ce
nom que nous allons obtenir le nom d'abord et plat.price que nous allons obtenir le prix était, Il semble que les enfants aiment notre ancien héritage. Donc, cette fonction le sera, donc cette fonction héritera de cette fonction parent. Donc, c'est un autre, Vous pouvez voir qu'une fonction enfant qui est un véhicule et c'est un vélo comme une fonction parent. D' accord ? Maintenant, vous pouvez voir que je suis juste en train d'obtenir l'objet map à cette fonction ici. Ou vous pouvez dire que j'appelle juste cette fonction. Donc, vous pouvez voir ici après cette vue, prototype de point
éveillé et le vélo. Donc ici vous pouvez voir que ce vélo, nous allons traiter deux, ce que nous appelons comme le brevet. L' espoir. Donc, vous obtenez cela maintenant, je viens de définir les valeurs et d'ajouter la dernière, obtenant toutes ces valeurs n peut continuations et soulignement. Donc ici vous pouvez voir que c'est le nom de la société qui est Honda. Ceci est un nom de l'octet et puis c'est le prix de la moto. Espérons que vous obtenez cela comment nous pouvons travailler avec un héritage basé sur un prototype dans le SDK Java. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
58. Descripteurs de propriété Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, vous avez vu que nous allons commencer
à travailler avec certains des avancés dans le script Java. Et dans cette conférence, nous sommes totalement concentrés sur le descripteur de propriété dans le script Java. Et je vais vous dire que quel est le descripteur approprié et comment nous l'utilisons. Comme une propriété de chaque objet est plus que des paires de nom et de valeur. Chaque propriété possède le descripteur de propriété qui permet de voir tous les attributs de ces propriétés. Comment vous pouvez voir que v, comment supposons nos variables de voiture. Vous pouvez dire que c'est juste une classe de celui-ci. Et ici, vous pouvez voir que vous avez la marque de cette voiture, que vous avez le modèle de cette voiture, vous avez la capacité moteur de cette voiture, et vous avez aussi la puissance maximale de cette voiture aussi. Pour le constructeur de l'objet paramédical a une méthode qui nous
permet de voir tout le descripteur de n'importe quelle propriété d'un objet. Par exemple, vous pouvez afficher le descripteur de la marque de propriété de l'objet
voiture en l' appelant comment vous pouvez simplement écrire console.log et ensuite vous avez le bon objet. Obtenez le vôtre, comme obtenir sur le descripteur de propriété où vous écrivez simplement le nom de la classe. Supposons qu'un nom de classe ici est voiture, et puis vous avez séché la propriété de cette voiture, qui est, supposons marque ou modale ou moteur. D' accord ? Voyons ici que je vous montre juste un exemple sur
ce descripteur de propriété et je vais vous dire que comment vous pouvez créer ici,
vous pouvez voir que je suis juste en train de créer une balise de script où j'ai dû écrire, supposons une variable et ici est la voiture était égale à. Ici, je viens d'écrire net. Supposons la marque de la voiture qui est égale à, Je viens d'écrire la marque ici est od. D' accord ? Maintenant, vous pouvez voir que je dois écrire la marque de la voiture ici, qui est od. Et ici, vous pouvez voir que je dois écrire le modèle de cette voiture. Donc j'écris, ou je vais écrire le mortel de cette voiture ici est désolé, c'est la marque de colonne. Et maintenant, vous pouvez voir que j'ai décrit, c'est notre huit, désolé, modèle R8, ok. Maintenant, vous pouvez voir que j'ai droit à la capacité du moteur de cette voiture. Donc c'est le moteur, et le moteur ici est, je dois écrire que le moteur V8 sûr, qui est dans son cœur à l'intérieur de cette voiture ici, vous
aide à l'obtenir. Maintenant, vous pouvez voir que je dois fermer ce noyau et que je dois écrire journal de points de
console où je dois écrire que c'est un objet, ok ? Et point d'objet obtenir votre descripteur de
propriété où j'ai dû écrire d'abord le nom des moyennes de voiture vous dire. Et là, vous pouvez voir que je veux juste obtenir la propriété du moteur ici. Donc, j'écris simplement le nom de ça. Et là, je fermerai ce score. Donc, dans cet exemple, vous avez vu que nous enregistrons tous les attributs de la propriété, qui est le moteur de la voiture objet. En utilisant la méthode obtenir votre descripteur de propriété get sur. Donc, nous pouvons voir que les ajouts à l'attribut value, il a trois autres attribut qui est configurable, dans innombrable et inscriptible. Donc, tous ces éléments sont vrais par défaut. Voyons donc comment nous pouvons travailler avec ou comment nous pouvons, qui est la sortie de ceci. Laissez-nous exécuter ce code. Et vous pouvez voir que je vais juste inspecter plus et la console. Donc ici vous pouvez voir que nous avons un objet juste ici. Tout d'abord, nous comment, vous avez vu que d'abord, nous comment la propriété configurable, je suis configurable, ce qui est vrai. Ensuite, nous avons 7y comment animable nous venons de dessiner. La valeur d'ici est que vous pouvez voir que je suis juste de définir la valeur ici qui est un moteur, et je reçois juste la valeur de cela. Donc ici, la valeur ici est v tan et écrire bien ici est vrai. Les attributs accessibles en écriture déterminent si la valeur associée à la propriété peut être modifiée ou non. Vous pouvez donc voir où c'est vrai. Donc, cela signifie que c'est modifiable. Et nous pouvons modifier les attributs de propriété en utilisant la propriété définie par point d'objet, comment vous écrivez simplement ici, comme ici, vous pouvez voir que j'écris juste un journal de points de console. Et ici, je vais simplement écrire sur la place de ce qui est défini propriété. Donc, c'est juste pour définir la propriété ici, où vous avez écrit votre voiture et vous êtes ClassName, qui est voiture, et puis vous avez écrit votre moteur. Et puis ici, vous avez la virgule droite, qui est ici, vous pouvez écrire inscriptible et inscriptible ici est faux. D' accord ? Et puis vous devez définir, laissez supposer la carte ou les cheveux. Je viens d'essayer le moteur et ici j'insère la nouvelle propriété ici sur V, un lemme. Et je viens de clore le score ici. Maintenant, vous pouvez voir que je dirige ça. Donc, vous pouvez voir ici la valeur ici est modifiable. Donc vous pouvez voir que nous tendons, nous tendons ici et quand c'est des jours ouverts. Donc, vous pouvez voir ici le mortel et tout nous est montré. On a dessiné un cheveu. Vous pouvez voir ça. J' espère que vous comprenez maintenant. C' était donc les attributs accessibles en écriture dans le descripteur de propriété. Donc, comme vous pouvez voir ici que nous écrivons, nous écrivons l'attribut inscriptible au moteur de propriété, qui est modifié pour les chutes, ce qui signifie que le MTD sur inscriptible, alors si nous avons essayé de changer la valeur de la propriété du moteur est une erreur de promenade, qui est de voir la tribu. Nous voyons juste que l'erreur de type ne peut pas être affectée à la propriété en lecture seule, ok ? Ensuite, nous avons les innombrables attributs, qui est par défaut la propriété pour un ajout d'objets sont sens
innombrable et nous pouvons les boucle sur eux. Par défaut, ce comportement peut être modifié en plaçant les innombrables attributs à false pour les propriétés. Ensuite, nous avons tenu une propriétés configurables. Propriété, comme vous pouvez le voir ici, que je suis juste en train de supprimer ça. Et vous pouvez voir ici, je rafraîchis ça. Donc, ici, vous pouvez voir que v, comment configurable. Comme vous pouvez le voir ici, nos cheveux configurables sont vrais. Ainsi, nous pouvons configurer toutes les propriétés d'un objet. Mais si nous définissons les attributs configurables sur false, cela empêche certains attributs d'être modifiés et empêche la suppression de la propriété elle-même. Ensuite, vous devez simplement écrire get et définir des attributs sur cela. Donc, qu'est-ce qu'il obtient à la place des attitudes, donc les attributs obtiennent un ensemble sont les fonctions qui fonctionnent sur le getter et le setter, qui est respectivement pour la propriété aussi. Espérons que vous obtenez cela, que la façon dont nous pouvons utiliser le descripteur de propriété dans notre noyau. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
59. Overriding de méthode Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la question ou de l'écriture en JavaScript. L' écriture matador dans la programmation orientée objet est une
fonctionnalité de langage qui permet à une sous-classe ou une classe enfant de faire des implémentations
spécifiques de fournisseur d'une méthode qui est déjà prouvée par l'une de ses superclasses ou une classe parent. Si une clause enfant de sous-classe ou une classe enfant a les mêmes méthodes que celles déclarées dans la classe parent. Il est connu sous le nom de remplacement de méthode, qui signifie qu'ici à l'intérieur de ce nom de classe, supposons que vous avez le nom de classe parent qui est capturé. Et à l'intérieur de la voiture. Vous avez déjà défini la fonction de let suppose model, et vous voulez déclarer ce mortel dans votre sous-classe ou une classe enfant. Donc, c'est la méthode de voiture écrasante parce que vous implémentez la même question ici. Espérons que tu comprendras ça. Maintenant, ici, je vais vous dire un exemple simple sur cette méthode de tri de chargement matador en écrivant là, vous pouvez voir que je l'ai droit ? Et je dois écrire cette fonction. Et donc à l'intérieur de cela, tout d'abord je viens d'écrire un script. Et puis ici, j'ai essayé qu'une fonction qui est le nom de jambe. Multipliez, désolé. Multipliez où je viens de monter le paramètre est x, y et dit, ok, maintenant vous pouvez voir que j'ai écrit cela. Supposons que c'est un retour, et le retour ici est X multiplié par Y et y multiplie par z. Ici, comme vous pouvez le voir, je crée juste une matière ici. Maintenant, vous pouvez voir que je suis juste en train de créer une fonction, une fonction qui se multiplie. Comme vous pouvez le voir, le même nom de fonction que je viens d'utiliser ici. Où j'écris x, n, y. Maintenant, vous pouvez voir que je dois écrire retour et retour ici est x statique y. Et vous pouvez voir ici, je donne juste une variable qui est laisser notre réserve, qui est égale à ici, j'écris multiplier où je frappe les valeurs 123 ou 123 ici. Et puis ici, vous pouvez voir que vous devez simplement écrire porte de document, n'est-ce pas ? Et ici, je vais obtenir le résultat de cela. D' accord ? Maintenant, vous pouvez voir que je suis juste en train d'exécuter ce code pour vous les gars et ensuite je vais expliquer ceci. Donc, comme vous pouvez le voir ici, ma valeur résultante ici est deux. Ok, maintenant venons au coin de la façon dont cette question ou l'écriture fonctionnent en fonction. Donc, ici, vous pouvez voir que je suis juste en train de définir une fonction définie par l'utilisateur. Et la sortie ici est deux. Donc, comme vous pouvez le voir ici, la valeur est multiplications sera égale à deux au lieu de six. Dans ce cas, les seules fonctions disponibles, qui est multiplier. Si c'est le cas, nous pensons que VR passe un appel. Une fonction multiplier qui est x, y et z. et il appelle en fait le multiplicateur de ce x, n, y ici. Donc, le podomètre restant sera ignoré à ce stade. Comment vous pouvez voir que juste faire un concept de la méthode écrasante. Ne vous concentrez pas sur cette sortie. Donc ici, vous pouvez voir qu'une fois que je déclare juste une fonction avec le nom de la même fonction, je déclare juste deuxième Pam. Donc, cela signifie qu'il s'agit d'une méthode ou d'une écriture. J'espère que tu auras ça. Maintenant, vous pouvez voir que d'abord nous comment la fonction multiplier, où je viens de multiplier x, y, et z. ok, cette valeur. Donc ici, la valeur de x, y, z 123 au lieu de sorties six v obtenir comme sortie deux ici, juste à cause de, je vous dis juste que c'est la méthode ou l'écriture, dans ce cas, les seules fonctions disponibles se multiplient, qui est un de x et y. Donc, en battant cela, nous faisons un appel à un multiplicateur de x, y, z. Mais il appelle en fait multiplicateur de x et y. Et le podomètre restant sera ignoré. Espérons que vous obtenez
cela, que ce qui est le processus de la méthode d'écriture et comment c'est, comment il est ignorer la valeur ou moins. La première fonction vous aide à comprendre maintenant. Maintenant, vous pouvez voir que je suis juste de vous dire l'un de l'exemple que comment vous pouvez utiliser la méthode de travail des métaux ou écrire sur la fonction intégrée. Il s'agit de la fonction définie par l'utilisateur. Maintenant, venez juste à la fonction intégrée ici. Maintenant, vous pouvez voir que je dois écrire une variable. Variable nous montrera le message d'alerte qui est égal à la fonction que je viens d'écrire. Et la fonction ici est un paramètre du message. Et maintenant, vous pouvez voir ici que je suis juste en train de créer l'écriture de points de document. Nous sommes, vous pouvez voir que je passe juste ce message comme paramètre. Je voulais juste obtenir la valeur de ce passage ici. Maintenant, vous pouvez voir que je viens d'utiliser les appels suivants pour appeler ou écrire la fonction d'alerte, qui est nos fonctions intégrées. D' accord ? Maintenant, vous pouvez voir que je dois écrire cela un script java. Et là, vous pouvez voir que je dois écrire à nouveau ce message de Manilla. Et là, je vais juste écrire ça. C' est apprendre, d'accord ? Et je suis le score le plus proche ici. Maintenant, je vais juste dans le navigateur, actualisez ceci. Donc ici, vous pouvez voir que c'est JavaScript et apprendre ici. D' accord ? Je pense que votre question, Harry, la plupart du temps, la fonction
d'alerte affichera le message dans la boîte d'alerte. Mais ici, nous l'avons déjà fait. Maintenant, il est affiché le message dans le document.write espère que vous obtenez cela,
que la façon dont cette fonction d'affichage fonctionne en ce que si vous supprimez ceci et le lieu de cela, nous écrivons un message d'alerte à tout simplement qui nous montrera la sortie dans le message d'alerte. Mais ici, je vous dis juste que j'exploite juste la fonction intégrée ici. Ok, donc c'est pour ça que ça nous montre la sortie dans ce document ou ce message ici. Espérons que tu comprendras ça. Si vous ne l'êtes pas, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
60. Des amortisseurs et configurateurs de Javascript: Bienvenue à cette conférence. Et dans cette conférence, nous allons parler de getters et setters de propriété dans le JavaScript. En JavaScript, un setter peut être utilisé pour exécuter une fonction chaque fois que la propriété est spécifiée est comme tentative d'être modifiée. Center sont les plus souvent utilisés en conjonction avec un getter pour créer un type de pseudo propriété. Et il n'est pas possible de simuler ou simultanément comment setter sur la propriété qui tiennent sur la valeur réelle. Maintenant, je vais vous dire que comment vous pouvez utiliser les
propriétés getter et setter et comment vous pouvez obtenir les données et dit les données. Le premier type de dans les propriétés de données. Nous savons déjà que comment travailler avec eux. Toutes les propriétés que nous avons utilisé jusqu'à présent où nos propriétés de données dans Second types de propriétés est quelque chose de nouveau que les
propriétés d'accesseur et sont essentiellement des fonctions qui s'exécutent sur l'obtention et la définition de la valeur, mais ressemblait à une propriété régulière à un noyau externe. Voyons d'abord par exemple, et je vais vous dire que comment vous pouvez utiliser get propriété ici. Maintenant, je suis juste en train d'écrire la balise de script. Et à l'intérieur de la balise de script, j'écris juste une variable. Et variable ici est la parcelle et la porcelaine qui est égale à je frappe cela. Le prénom de cette personne. Construisons un nom de farce ici est le jom. Ok, et puis voici le nom de famille de la personne est. Et ici je commence le nom de famille de cette personne et le
nom de famille de cette personne ici est Daniels. Ok. Harris, c'est ça. Une virgule. Et après ces cheveux, je frappe ça. Quelle langue il parle ici ? Donc j'écris juste la langue Harris English. Donc tu comprends ça. Maintenant ici à la dernière, je viens d'essayer que obtenir, obtenir ici est la longueur. Donc, j'utilise juste get comme mot clé ici. Donc lang ici est que je crée juste un nouvel objet ici. Et maintenant, vous pouvez voir que je suis le retour de grève. Le retour est fait le langage Dart. Donc, je viens d'obtenir la langue de cette propriété ici avec l'aide de ce get ou avec l'aide de ce mot-clé Get. Maintenant, ajoutez les derniers cheveux. Vous pouvez voir que j'ai le bon document ou si vous voulez écrire document.write ou document ou obtenir élément par ID. Donc, c'est à vous de décider. Donc, vous avez raison, j'ai lu l'écriture de point de document où j'ai dû écrire que c'est la longueur de point de personne et de personne. Ok, et je dois fermer ce code ici. Ou si vous voulez écrire comme point de document de voiture getElementById. Et ici, vous devez simplement écrire une balise de paragraphe où vous devez écrire un ID simple et un ID, qui est égal à ici, ID de
vue, ce qui est une bonne démo. Et ici, vous pouvez voir que je dois écrire ça. C' est obtenir les cheveux de la démo. Et maintenant, vous pouvez voir que j'ai aidé à écrire HTML intérieur, ce qui est égal à je frappe personne et personne point lang ici. D' accord ? Et en enlevant ça, alors voyons maintenant, non. Et ouvrez dans le navigateur. Et vous pouvez voir qu'on n'a pas eu le haut à droite ici. Ils vérifient juste le noyau. Et le noyau ici est, vous pouvez voir ce premier téléviseur, comment le prénom John, puis dangereux, puis la langue Harry est anglais. Et nous devons supprimer cette balise BR. Et je me suis retourné à nouveau. Donc ici, vous pouvez voir que comment on peut obtenir la propriété de cette langue ici, ok ? C' est ainsi que nous pouvons obtenir les propriétés à partir de l'aide de ce get comme un mot-clé. Maintenant, à l'endroit de ce mot-clé Get, je suis juste d'écrire ensemble a un mot-clé. Ok, et ici vous pouvez voir que je dois commenter ça. Et maintenant, vous pouvez voir que je dois, je dois écrire ensemble qui est longueur. Et là où j'ai dû écrire, c'est de fournir la valeur. Et la valeur ici est, vous pouvez voir que j'ai décrit cette langue ici. Et la langue est égale à Harris, non ? Valeur. Ok, maintenant vous pouvez voir ici que nous n'avions aucune langue ici, ou vous voulez changer la langue ici. Donc, vous voyez simplement que ici je suis juste l'écriture personne et personne longueur point et qui est égal à cheveux. Je décide que c'est roumain. Ok. Maintenant, vous pouvez voir ici et aller dans le navigateur et le reformuler. Donc, comme vous pouvez le voir, c'est un langage indéfini et vérifions simplement le noyau. Et ici, je vais obtenir la langue comme la molécule. Ok, maintenant ici comme trois phases ici, vous pouvez voir que je viens de définir une nouvelle valeur avec l'aide de cette méthode setter. C' est ainsi que nous pouvons obtenir la valeur et définir les valeurs dans le script Java. Si vous trouvez l'un des problèmes concernant le discours ou concernant cette conférence, veuillez me le faire savoir. Et merci d'avoir regardé cette conférence.
61. Animation JS: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des animations de script java. Tout d'abord, je vais exécuter deux animations pour vous les gars pour votre meilleure compréhension. Et puis je vais créer une forme animée pour vous. Donc, cette conférence va peut-être trop longue, mais cela vaudra la peine pour vous. Ici, vous pouvez voir que je crée juste une balise de script ici. Où vous pouvez voir qu'il s'agit d'une balise de script. Et vous pouvez voir ici, je suis juste en train de créer une variable et une variable ici est un objet image qui est égal à Harris, non ? L' objet image est null. Ensuite, ici, j'ai écrit la méthode init, et puis ici je viens d'écrire, c'est le nom du désordre. Ici, je viens d'écrire l'objet MJ, qui est égal à point de document, obtenir élément par ID, où l'id ici sera mon image. Et je cite juste l'accord le plus proche ici. Ensuite, je viens d'essayer la tuile de points d'objet image, où je dois écrire les positions et la position ici est relative. Ce n'est donc qu'une position qui est relativement basée. Et après cela, vous pouvez voir ici que je suis juste en train de créer à nouveau l'objet image, où j'ai écrit cette tuile. Et son titre de l'image ici est laissé. Donc, vous pouvez voir ici il ya l'image Tyler ici est à gauche, qui est 0 pixel. Donc ici, vous pouvez voir ce floue et est en train d'avoir l'idée d'eux. Uj est mon image ici. Ensuite, ici, j'ai l'objet image droit, qui est le style des positions relatives. Et puis ici, vous pouvez voir que j'ai aidé à écrire les positions ici est laissé signifie que sur la page de votre navigateur Web, votre image sera ressembler à ça. D' accord ? Maintenant, vous pouvez voir que je veux juste déplacer cette image. Donc, cela signifie que je suis juste animé cette image ici. Donc ici, je viens d'écrire que c'est déplacer à droite signifie que si votre image est placée dans le côté gauche ici, sorte que cela va se déplacer à droite avec l'aide d'un bouton. D' accord ? Maintenant, vous pouvez voir que j'ai dû écrire cet objet d'image et point de style de point gauche, ce qui est égal à ici je fouille ent ent ent ent ent. Et puis ici vous pouvez voir que je dois écrire que c' est un style de point d'objet image, point, à gauche. D' accord ? Ce qui signifie que votre image sera sur le côté gauche vers le côté droit. Puis la vue plus dix. C' est juste et la position de cela. Et puis ici, je concaténer les pixels, les cheveux et les yeux code le plus proche. Ok, maintenant après cette Harris droite, la fenêtre et la fenêtre seront abaissées. Quand serons-nous abaissés sur l'événement onload ? Et ici, vous pouvez voir ce qui est égal à Seigneur est la méthode init. Donc, vous pouvez voir ici c'est la méthode init à nouveau. Maintenant, vous pouvez voir qu'à l'intérieur de cette balise de corps, je suis juste en train de créer un formulaire ici. Donc la forme est ici. Tout d'abord, je reçois juste l'image. On est là. Image qui est l'ID. Et la carte d'identité, c'est mon image ici, d'accord ? Et puis après cela, j'ai écrit la source qui est égale au navigateur. Et ici, vous pouvez voir que c'est la balise avancée et je viens d'obtenir une de l'image d'ici. Ok, c'est juste une image DOM à nouveau. Maintenant, je vais l'accord le plus proche. Et puis ici vous pouvez voir que je dois écrire une balise de paragraphe où je l'ai dit. Cliquez sur le bouton pour déplacer votre image. Et puis ici, j'écrirai que c'est l'entrée, l'entrée, qui est un type de bouton je cite. Et puis ici, vous pouvez voir que la valeur de cela ici est Cliquez sur moi pour déplacer. Et ici, cet événement sera chargé sur clic et onClick ici il utilisera cette fonction de droite de la souris. Donc, il est déplacer la fonction droite. Et c'est la fonction de déplacement droit et le code le plus proche et le score le plus proche ici. Maintenant, vous pouvez voir que je cours ce cours, les gars, où vous pouvez voir que c'est notre image. Et quand je clique juste sur cela, cliquez sur moi pour déplacer le bouton. Donc ici vous pouvez voir que, désolé, cette image ne bouge pas ici. Laissez-nous vérifier l'erreur. Et oui, ici, nous avons une sorte d'erreur où vous pouvez voir le côté droit, cette fenêtre charger les événements en dehors du script. Et c'est un crochets bouclés juste ici. Il y a ceci, actualisez-le à nouveau, et puis vous pouvez voir que Harry me fait un clic droit sur le mouvement. Et vous pouvez voir que cette image se déplace en cliquant ici, vous pouvez le voir. C' est donc le seul type d'animation où j'insère sur l'image. Maintenant, vous pouvez voir que je vais juste créer quelques sortes d' animations où une boîte va se déplacer de haut en bas. Ici, vous pouvez voir cette glace droite. Une étiquette de bouton. Et le bouton ici est onclick. Et c'est sur le bouton de clic. Ici, je dois écrire un nom de fonction, qui est dans la balise de script. Et d'abord, je lis juste la balise de script ici. Et à l'intérieur de cette balise de script, je crée juste une fonction. Et la fonction ici est déplacer le nom de la fonction. D' accord ? Donc, je mets juste en pause ce nom de fonction de déplacement à l'intérieur de ce bouton. Et maintenant vous pouvez voir qu'ici je viens de dire les valeurs à elle, où les valeurs sont ici. Cliquez sur Moi pour vous déplacer. Ok. Maintenant, vous pouvez voir que je dois écrire une balise DIV où l'identifiant de la balise ici est égal à. Je vais juste écrire que c'est de l'animation et je ferme juste ce code ici, ok ? Ensuite, ici à l'intérieur de cette balise de script, je vais juste ajouter une variable. Et la variable ici est un l m, qui est égal à document.getElementById, où l'id ici est l'animation. Donc d'accord, c'est ma carte d'identité ici. D' accord ? Donc j'écris juste cet identifiant à l'intérieur de ça. Puis après cela, j'ai raison. Vr était, ce qui est égal à disposer des positions moyens, ok ? Les positions sont égales à 0. La même chose est le cas comme notre exemple. Ok, maintenant après cette Harris Droite, ID
variable et l'ID qui est égal à intervalle défini. Donc, cet intervalle, qui est le cadre, et le cadre ici est dix. Donc ici, vous pouvez voir que je commence juste à des types d'ID, qui est ici, où vous pouvez voir que d'abord, les yeux position droite, relative, puis à gauche. Et ici, vous pouvez voir que je viens de définir les positions qu'il a dix. Mais ici, vous pouvez voir que je dois écrire cadre est dix ici. D' accord ? Maintenant, après cela, je conteste la fonction. Et la fonction ici est, je dois écrire la fonction est cadre. Et puis ici vous pouvez voir que j'ai raison, si la position et la position est égale, égale à 350, alors vous devez écrire effacer l'intervalle. Et l'intervalle ici est I0. Donc, cela effacera l'ID d'intervalle ici. Maintenant, pour cela, je dois écrire que c'est le bloc de code d'autre. Et comme chance de cœur ici sera pause, puis incrémenter opérateur. Ok, Maintenant, je fouille les langues, les points, tuile, et c'est LMS signifie l'élément. Ok, c'est pour ça que je suis en train de fouler, lm. D'accord ? Maintenant haut, qui est égal aux positions,
signifie la variable de pause qui est des concaténations de pixel ici, puis le noyau le plus proche de la glace ici. Maintenant, vous pouvez voir que le style de tuile d'élément moyen de points d'Alan ici est point à gauche. Et puis ici vous pouvez voir ce qui est égal à la pause. Et puis je fais glisser que c'est plus et le plus ici sont les pixels. Donc, comme vous pouvez voir que notre JavaScript est Java de base, code
JavaScript est terminé ici. Et maintenant vous pouvez voir qu'ici nous avons l'animation qui est Id, et puis c'est le bouton qui est sur Cliquez sur Me. Maintenant, nous allons donner, nous mettons certaines de ces tuiles ici. Et le style de ça, c'est qu'il y a un c. maintenant. Tout d'abord, je suis juste en train d'écrire ce lien pour les animations. Et la taille des animations ici est où un, désolé, c'est humide et la largeur ici est, Je dois écrire que 50 pixels. Alors ses yeux, non ? La taille de l'animation, qui est la hauteur, et la hauteur ici est également de 50 pixels ici. Maintenant la position, donc la
position, la position ici est égale à la vue. Ceci est une position absolue, puis ajouter la dernière. J' ai le bon fond et l'arrière-plan est ici, ou la couleur de fond est ici. Vous pouvez voir que j'ai raison, que c'est bleu royal. Ok, maintenant je viens de fermer le score. Donc, ici quand je viens de lancer cet accord, alors voyons juste que c'est Click Me to the move. Et ici, vous pouvez le voir quand je clique juste ici. Donc, cette animation sera déplacée comme ça. Vous pouvez voir ici ce sont les 350 pixels. Ce que je crée ici, d'accord ? Et où sont les trois s ? Ce sont les positions qui sont 350. Donc ce Phillip se déplace sur les positions 350 ici, ok, vous pouvez voir que ce n'est qu'une animation de la boîte. Alors j'espère que oui. Votre concept est très clair sur les animations et les types de base des animations ici dans le JavaScript. Passons simplement aux animations de base de formulaire. Et je vais vous dire comment vous pouvez créer une sorte d'animation basée sur le formulaire. J' ai essayé des animations JavaScript une, et laissez-nous voir ici, vous pouvez voir que je suis juste en train de créer d'abord le metatag, qui est UTF huit. Et puis ici vous pouvez voir qu'après cela, j'écris juste Mehta et puis SCTP équivalent, ok, où je dois écrire x slash, UA slash compatible. Et puis ici, je dois écrire que c'est le contenu et le contenu ici est Internet Explorer h. Donc, c'est le contenu de l'Internet Explorer huit. Donc c'est juste une étiquette de matière ce que je conteste ici. Maintenant, je suis juste en train de créer les positions relatives ou de vous répondre comme la mise en page où j'écris le nom. Et le nom ici est que je suis juste en train d'écrire la fenêtre. Viewport signifie que si vous vérifiez la page Web sur la tablette mobile, ordinateur portable, sur le PC. Donc, cela sera accessible pour vous, signifie que ce site sera responsable envers vous. Maintenant, ici, la vue, humide et humide, ce qui est égal à l'appareil. Et l'appareil ici est, Je dois écrire que c'est le vétérinaire et le vétérinaire après cela, Je suis frappant que c'est initial et l'initiale Voici ce meurtre de égal à 1. D' accord ? Maintenant, vous pouvez voir les pâtes e. Ceci est le panneau d'affichage. Ensuite, le contenu et le contenu ici sont humides et humides. Le poisson humide est égal à D, égal à l'appareil, puis vétérinaire. Ok, et puis ici vous pouvez voir que c'est le, c'est juste un SQL initial qui commence à partir de 1. Maintenant, vous pouvez voir que j'ai le bon lien, lien, qui est la référence de cette feuille de style. Et puis ici, je dois écrire HREF, qui est une balise de lien. Et puis j'ai commencé CSS slash main.css. Donc, cela va obtenir le CSS cinq par cinq. D' accord ? Maintenant, vous pouvez voir que j'ai la bonne balise de
script et la balise de script ici est la source de HTTPS, qui est WOW, barre oblique inverse. Et c'est l'API, ce que je suis juste en train de lier avec ce formulaire d'animations. Donc, vous pouvez voir ici c'est un lien de cette API où je fais un zoom ici. Donc, qui est barre oblique de mouvement pop, barre oblique de disque, tous les mouvements point Global, dot, min dot java script comme accord le plus proche ici. Ok. Maintenant, après cela, je vais juste à la section corps de la page et nous allons commencer notre formulaire plus B, j'écris juste la balise DIV. Et la balise DIV ici est la classe du conteneur. Donc, c'est une classe de conteneur ici ou démontrant. Et puis ici, vous pouvez voir que d'abord démontrer la balise H1. Et ici, je remplis le formulaire. Ok, maintenant offre ça. Vous pouvez voir ici que j'exécute encore un des parallèles de Tang. Et voici le côté s'il vous plaît. Remplissez le formulaire ci-dessous, car c'est ce que nous devons
vraiment faire. D'accord. Maintenant, après cela, je dois créer un formulaire ici. Et les incidents se forment physiquement, je distribue le tag spam, balise span
désolé, où j'avais raison, la classe. Et le cours ici est le message, OK, et là il a essayé ce nom complet, s'il vous plaît. Ensuite, après cela, vous pouvez voir ici que je vais créer une des entrées. saisie ici est un type de texte. Et vous pouvez voir qu'ici j'ai dit que c'est un détenteur de place et que le détenteur de place est le nom. Et puis ici, je suis bonne classe et la classe ici est que je dois écrire que c'est un champ de texte. Donc TXT, FLP, ok. Maintenant, ici, j'avais droit dans l'entrée de port, qui est un type de texte, qui est l'espace réservé. Et le détenteur de la place est l'adresse e-mail où j'avais raison ? Il s'agit de la classe de flux de texte. Et je dois fermer ce noyau. Maintenant, vous pouvez voir que j'ai une grande contribution et produit un type de soumission. Et c'est un bouton Soumettre ici. Et puis ici, j'ai commencé la valeur. Et ici, à l'intérieur inter info signifie dans votre info et Harris cours d'écriture. Et la classe ici est le btn est stand for button. Maintenant, vous pouvez voir que certains types de formulaire sont créés ici. Et vous pouvez le voir. Donc, ce n'est qu'un taux de chargement et vous pouvez voir remplir le formulaire et c'est notre formulaire initial, ce que nous allons créer ici. Donc, ce n'est qu'un travail HTML. Jusqu' à présent, on a fini ici, ok ? Maintenant, vous verrez que nous passons à certaines des balises JavaScript. Will Harris écrire script est coupé ici est la source de SGP nagé déconnecter l'API ici. Donc, l'API ici est celle-ci. D' accord ? Maintenant, offrez ceci ici. Vous pouvez voir que je vais juste à la balise de script. Et à l'intérieur de cette balise de script ici, vous pouvez voir que j'écris juste d'abord la constante. La constante ici est, je suis juste en train de créer la constante comme le conteneur qui est égal à IS droit. Pop motion. Et c'est un point de mouvements pop, c'est Tyler. Ok. Ici, je viens de créer notre patrimoine est fixé. Ce M à la place de n. Et puis ici vous pouvez voir que j'ai le bon document et un point de document QD sélecteur Kumar. Et voici le sélecteur QD. Et puis ici, vous pouvez voir que j'ai lu conteneur point. Donc c'est notre conteneur ici. D' accord ? Maintenant, je dois fermer ce noyau. Où vous pouvez voir cela d'abord, j'écris juste une constante en tant que conteneur, ce qui est que vous pouvez voir cette variable. Alors ici, je suis juste obtenir cette API de mouvement pape puis a dit qu'il y a Tyler Dewar. Ensuite, ici, je viens d'écrire document.write QuerySelector commande, ce que nous avons déjà étudié. Et là, je suis juste en train de lier ça avec ce tissu de conteneur. D' accord ? Maintenant, après cela ici, vous pouvez voir que je dois écrire ceci est la constante. Et la constante ici est des éléments de forme VD est égal à ici. J' ai dit que c'est le document et le document point Curie. Et un sélecteur mignon, où je dois trouver l'intérieur. D' accord ? Maintenant, ici, je frappe constante. Et la constante ici est le
message, la pulpe de messages, qui est la promotion du message, qui est égale à la course sur glace. Cette promotion ici, désolé, pop motion ici. Et qui est Dort est tyler, où vous pouvez voir que ici, j'ai dit que c'est document document.write QT sélecteur commande, où je dois mettre ceci sur le message, qui est mon dernier membre. Vous pouvez voir ce membre antérieur, s'il vous plaît. D' accord. Ceci sera défini sur ce message ici. Après cela, vous pouvez voir ici je frappe constante et la constante ici est mes animations, qui est égal à Harris, non ? Que ce soit Paul Motion où je devais écrire ceci est motion est twin, où vous pouvez voir que j'ai raison que de point. Vous pouvez voir que je suis juste en train de régler l'échelle. Et la balance ici, c'est du saumon. Et puis après ça, vous pouvez voir que je viens de monter l'opacité. Et l'opacité ici est, vous pouvez voir que c'est 0. Et ajouter la dernière vue, y xs, qui est sur moins 300. Donc, je vais bien expliquer cet accord pendant que j'exécutais ce programme, alors ne le confondez pas. Donc maintenant Harris écrire 22 ici est, vous pouvez voir que j'ai la bonne échelle et l'échelle qui est égale à un. Et ici, vous pouvez voir que c'est de l'opacité. Et c'est l'opacité ici, qui en est une. Et puis ici vous pouvez voir que c'est l'axe y sur 0. Et puis Harris, non ? virgule, puis durée. Et c'est une durée d'une minute, Holly, ça vous sera visible dans une minute. Maintenant, vous pouvez voir que c'est une constante ici. Et constante ici est mes animations à qui est égal à Paul Motion. Où vous pouvez voir que j'ai la bonne clé et la clé ici est cadres. Maintenant, je frappe des valeurs. Et les valeurs ici sont le récipient et les cheveux du récipient sont définis. Pas de cheveux que je foule complète. Et le complet ici est égal à blesser, non ? Que ce soit mes animations à point v ou j'ai dû écrire un message. Et le message est le message de la pulpe, d'accord ? Ce qui est point set. Donc, je vais vous dire ce qu'est un ensemble. Messi, pendant que je ne dirigeais pas le programme. Concentrez-vous sur la conférence ici. Et vous pouvez voir qu'ici je dois fermer le score. Donc je viens d'enlever ce collègue disjoncteurs et l'accord le plus proche ici. Maintenant, après cela, j'ai la bonne constante. Et la constante ici est, c'est Tyler. Et c'est celui de Tyler qui est égal à celui que j'ai juste le tourbillon. Donc, je ou je crée juste une annonce qui est ici plus la forme isocitrate. Donc, les éléments de forme ici sont des enfants sombres. Ok. Maintenant, après ces cheveux, je cite la carte à points. Nous allons en apprendre davantage sur la carte lors des prochaines conférences. Donc Harris, la pulpe droite, c'est le mouvement, c'est Tyler. Et j'ai dû fermer le score ici. Maintenant, vous pouvez voir que j'ai séché constante. Et c'est une constante ici comme un mot-clé et ici il cite Tyler, désolé, animation. Donc, ce sont toutes les missions qui devraient être égales à tableau. Et le tableau ici est que je devais l'écrire. C' est comme celui de Tyler, qui est la longueur des points. D' accord ? Et voici le Carême. Et ici, j'ai essayé ce point de remplissage et de remplissage. Voici Paul. Motion. Dot Heaviside est le printemps. D' accord ? Maintenant, vous pouvez voir que je dois écrire ce formulaire, qui va commencer à partir d'un 100. Et puis ici, vous pouvez, ce sera va jusqu'à 0. Et ici, j'ai l'école la plus proche. Maintenant, je frappe des mouvements pop et le point des mouvements pop est tagger. Où ? Désolé, c'est tagger. Nous sommes que je l'ai dérivé car toutes les missions et les émissions seront fixées sur un 100. Après cela, j'ai aidé à écrire star. Et ce cœur est ici V, qui est égal à IC, qui est égal à N plus grand que la glace, non ? V point pour chaque question, où j'ai dû définir X n i. Et puis ici, j'ai dit que c'est égal et supérieur à Tyler. Alors, obtenez l'index i ici. Et là, j'ai essayé la porte. Et l'ensemble ici est que je peux écrire y. et là, j'ai commencé l'axe X. Et là, vous pouvez voir que je dois fermer cette cour aussi. Donc, je viens de copier ceci et de le coller ici et ici aussi bien. Ok, et désolé pour ça. Ici. Je vais le coller ici. Et puis j'ai fermé le score. Donc, comme vous pouvez le voir ici, mon code JavaScript est terminé ici pour définir les animations sont je vais discuter de chaque chose dans un certain temps. Je suis juste en train de diriger ce programme. Maintenant, vous venez juste à la section de mise à jour de ce code. Maintenant, vous pouvez voir après cela, j'ai dit cette tuile. Et puis ici vous pouvez voir que d'abord je suis juste en train d'écrire du HTML
, puis le style pour le corps où vous pouvez voir leurs yeux, n'est-ce pas ? La marge dans la marge est ici 0. Puis ici, j'ai dit le contexte et le contexte de cela. corps ici est que je dois écrire que c'est vert clair. Ok. Maintenant, après cela ici, vous pouvez voir que j'ai séché forme et la police ici est et la famille étrangère ici est égale à la superficie. D' accord ? Maintenant, après cela, vous pouvez voir ici que je viens de dire étiquette H1. Et la balise H1 définira la marge de 0. Alors accord le plus proche. Et ici, je frappe le conteneur de points. Et c'est la classe de conteneur ce que nous recevons. Et puis ici, vous pouvez voir que j'ai dit vétérinaire, vétérinaire, Ici, il est, et 50 pixels. Donc, c'est un conteneur pour le formulaire. Et là, je frappe le rembourrage et le rembourrage ici est de deux m. Donc c'est l'imprécision, ok. Maintenant Harris fond droit et l'arrière-plan ici est que je dois définir la couleur blanche. Et puis ici, j'avais juste à la frontière et le rayon de la frontière, qui est égal à huit pixels. Donc, c'est huit pixels. Maintenant, je cite la marge et la marge qui est de dix pixels, 10%, notre sondage. Maintenant après ça, vous pouvez voir ici que nous avons le conteneur ici. Maintenant, vous pouvez voir que je viens d'obtenir le champ de texte et le paramètre, conception pour les champs de texte. Donc harris, Ri, dot, TXT et FAD, qui est le nom de classe ici. Voici juste humide, humide, qui est calculatrice. Voici un 100% et moins deux e. Et puis ici, j'ai séché rembourrage dans le rembourrage ici est un EM, ok ? Maintenant, ici, j'ai la marge droite et la marge est la marge supérieure ici. On est que j'avais raison ? C' est un, E m, OK ? Maintenant, ici, je viens d'écrire btn et le btn ici est le rouge. Et le rouge ici est un 100%. Et l'arrière-plan et l'arrière-plan ici est, vous pouvez voir que c'est la couleur du bleu clair. Ok, maintenant, c'est la couleur du bouton, ok ? Maintenant, je frappe la couleur et la couleur ici est vite. Ok, la couleur du texte ici est blanche. Maintenant, j'étudie la marge, supérieure, la marge supérieure du bouton. Donc la marge supérieure est de deux m, puis harris bordure
droite et la bordure ici est égale à non bouton. Comment pas de frontière ? Maintenant, j'ai commencé le rayon de la frontière. Et c'est un rayon de bordure et qui est de cinq pixels. Maintenant, rembourrage. Et le rembourrage ici est un EM et la taille de la forme. Et la taille de la police ici est 2.1.2 EM. Et puis le curseur. Curseur ici est le curseur de pointeur signifie que je suis aile cette souris, donc ce sera un curseur de pointeur. Ok, Maintenant, je frappe la balise de paragraphe où je viens d'écrire que la couleur de la balise de paragraphe est également verte. Pour ce message Einstein. Et le message ici est la position de l'absolu. Et le rembourrage est point cinq E n. Et l'arrière-plan. Et l'arrière-plan est RGBA, ce qui signifie que rouge, vert, bleu. Donc ici, j'écris ceci est RGB couleurs 000. Et là, j'ai dit 0,8. Alors voyons ça. Quelle est la couleur ici ? Donc c'est la couleur noire, d'accord ? C' est donc un mélange de RGBA. Et puis ici, j'ai la bonne couleur et la couleur ici est blanche. Ou vous devez écrire la valeur hexadécimale, qui est a triple F. Et puis ici je cite la meilleure ville. Et la capacité ici est 0. Comme vous pouvez le voir, tout notre noyau est terminé ici. Avant de vérifier ces livres de sortie, vérifiez notre force judiciaire. Et vous pouvez voir que, oui, ici, il est ici, nous avons un problème où je viens de manquer certaines des commandes. Et vous pouvez voir qu'ici vous avez raison, c'est la mise à jour. Et c'est une mise à jour ici. Et puis vous pouvez voir que ici, j'ai dit que c'est mon point d'animations est goudronné. D'accord ? Maintenant, je ferme le noyau. Donc c'est le début. D' accord ? Donc, comme vous pouvez le voir, cela sera fait ici. Maintenant, ici à l'intérieur de cela, vous pouvez voir que je viens de fournir les valeurs au cadre. Donc, vous pouvez voir qu'ici j'ai commencé d'abord la valeur sur l'axe y, qui est moins 50, où l'opacité est. Et l'opacité est 0. D' accord ? Ensuite, vous pouvez voir que l'opacité est 20 moins 20 et la capacité ici est également de moins 20. Et vous pouvez voir qu'ici je côté bien que le passage commence
à partir d'un et ceci est aussi un ici. Et puis il ajoute que la dernière opacité de la vue est 0 sur 0. D'accord ? Je frappe des virgules ici. Et puis ici je cite, désolé, c'est une virgule. Et puis ici je glisse que ce sont les temps. Et les temps ici sont égaux à 0, puis 0,2,8, puis un. D' accord ? Et ici, je frappe la durée. Et la durée ici est, et la durée ici est de 3 mille, ce qui signifie que 3%. D' accord ? Maintenant, notre code est terminé avec succès ici et nous allons au navigateur et actualiser cette page. Donc, vous pouvez voir ici que comment cette page est une matrice. Donc vous pouvez voir ici. Maintenant, expliquons ce code ici. Donc, vous pouvez voir que d'abord commence à partir de cette section conteneur. Et ici vous trouverez la balise H1, balise
p et la pile de formulaire. Donc ici vous pouvez voir que c'est la balise H1, c'est la balise paragraphe, et c'est deux entrées et un bouton, ok ? Qui est le nom, l'adresse e-mail, et puis, donc ici vous pouvez voir que ce sont le champ de texte, les deux. Et puis c'est un bouton de message et c'est enfin le bouton de soumission. Ok. Donc ici vous pouvez voir que vous trouverez le prénom, s'il vous plaît. Vous pouvez voir ici que c'est, vous trouverez le prénom s'il vous plaît. Donc c'est ici. Vous trouverez que nous sommes, nous définissons la force. Désolé, ici, laissez-nous vérifier ça. Désolé, c'était un nom complet. Donc vous pouvez voir ici ce message nous sera montré comme les cheveux, OK, quand nous rafraîchissons ce programme. Donc vous pouvez voir ici c'est un nom complet s'il vous plaît option, ok. Ceci est également animé. Maintenant, vous pouvez voir qu'il s'agit d'une constante et d'un conteneur en tant que constante. Donc je prends juste ce conteneur comme une constante ici. Et puis ici, je viens de dire document point QD sélecteur sur cela. Et puis voici les fichiers HTML internes, Edward. Alors c'est pop motion est tyler sur le message ici, qui est notre ce nom et cela nous sera montré nom complet, s'il vous plaît message ici avec l'aide de ce Kumar. Maintenant, vous pouvez voir que j'ai essayé l'animation constante d'abord, où vous pouvez voir que je viens de dire le saumon d'échelle et la capacité ici est 0. Vérifions. C'est donc une échelle de saumon et l'opacité est 0. n'y a donc pas d'opacité. Opacité signifie que la couleur de votre, ce fond, vérifions que l'opacité est de cinq. Et rafraîchissez ça. Donc, vous pouvez voir ici que c'est une opacité de cinq ans ok. Et maintenant, je vais changer l'opacité aussi. D' accord ? Donc vous pouvez voir ça. Donc, c'est ce qu'on appelle l'opacité. Ensuite, voici une échelle,
une échelle qui signifie qu'il s'agit d'une taille de l'ensemble de votre formulaire. Et puis c'est un axe y et l'oeuf signifie que ce sont les positions sur l'axe y, juste sur les positions. D' accord ? Maintenant, vous pouvez voir ça. Donc, vous pouvez voir que c'est une durée, ce qui signifie que 100. Donc la durée ici est de 1 seconde. Donc ici vous pouvez voir que cela signifie que la durée
du déplacement de cette animation est d'une seconde ici, ok ? Vous pouvez voir que cela est invisible après 1 seconde. Ici. Venez à l'animation de mon animation où vous pouvez voir que c'est un mouvement pop qui est clé pour lui. Donc l'image-clé est ici que c'est l'image entière ici, ok ? Maintenant, après cela, vous pouvez changer l'opacité d'ici. Et puis c'est un moment. Donc la durée de temps est 0.2.812 et les durées ici sont de trois secondes. Donc vous pouvez voir ici, ce qui fait 3 000, ok ? Maintenant, ce sera ce qui est enseigné l'ensemble de conteneurs. Et puis après avoir terminé cela nous montrera le message, qui est le message pop. Ici vous pouvez voir que cela nous montrera ce message après avoir terminé le chargement de trame. Et puis ici, vous pouvez voir que c'est la constante de coût que ce tyler, Ceci est d'obtenir le tableau de l'élément enfants puis pop motions tyler, qui obtient de la carte. Et ici vous pouvez voir que c'est l'animation qui est la longueur d'un 100 à 0, et c'est l'animation qui est jusqu'à une personne de 100. Donc ici, vous pouvez voir que c'est obtenir la méthode de départ et ici je suis en train de trier pour chaque boucle et ensuite est Tyler dot set. Donc j'espère que vous comprenez maintenant que comment nous pouvons travailler avec les animations Java Script. Et si vous ne comprenez pas le point ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
62. Cartes JS: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de cartes en Java. Je crie de la boucle classique à la pour chaque méthode de boucle, diverses techniques et méthodes sont utilisées pour itérer à travers la feuille de données en JavaScript. L' une des méthodes les plus populaires dans le script java est la méthode map. La carte crée un ajouté à partir de l'appel d'
une fonction spécifique sur chaque élément dans le tableau présent. Maps est une méthode non mutante qui crée un nouveau tableau en tant que lac, contrairement à la mise en sourdine des méthodes qui ne font que changer l'appel du tableau. Dans cette conférence, nous allons voir les cartes et je vais vous dire que comment ces cartes clés et les valeurs étaient. Pour créer les cartes. Il y a un mots-clés qui utilise une nouvelle carte. Avec l'aide de ces mots-clés, vous devez créer les cartes ou une nouvelle carte. Comme vous pouvez le voir ici. Ensuite, vous devez écrire simplement map dot set. Et ici, vous allez écrire les clés et la valeur de la carte. Donc ce testament est vers la clé par la valeur, ok, signifie qu'il y a magasin Philae, vous êtes clé par votre valeur. Voyons comment nous pouvons créer la carte. Donc, je viens d'utiliser let comme un mot-clé qui est égal à je viens d'écrire de nouveaux et de nouveaux cheveux est carte. Le Harris écrire Map, point, set et set ici est, vous pouvez voir ici je suis tout d'abord créer une carte de chaîne. Donc ici, j'en cite un. Harris en écrive un, et puis ici après cet ion, n'est-ce pas ? Chaîne numéro un. Donc, comme vous pouvez le voir ici, je définit juste la clé comme une chaîne. Ensuite, je frappe map.get set. Et ici, je dois en écrire un. Et là, je vais écrire ça. Supposons que ce soit un nombre. Donc vous pouvez voir ici, désolé, ceci en est un, et ici nous avons le numéro. Donc c'est, vous pouvez voir ici que c'est une clé numérique juste ici. Comme vous pouvez le voir, c'est un, donc c'est une clé numérique. Maintenant, ici, j'ai mis la carte du site, et puis ici, je vais écrire la carte pour la valeur booléenne où droit vrai. Et là, j'ai essayé, c'est booléen. Donc c'est b et le booléen ici. Et c'est le numéro. D' accord ? Et j'ai l'accord le plus proche ici. Maintenant, après la mort, je dois écrire un message d'alerte où je montre le message d'alerte pour obtenir la carte. Donc Harry a dit méthode map.get où je viens de geler obtenir la clé numérique ici, qui est un. Et là, vous pouvez voir que j'ai le bon message d'alerte. Et le message d'alerte ici est que je vais obtenir le point de la carte get, et le get ici est la clé de chaîne. D' accord ? Donc, je commence ici et je dois le code le plus proche ici. Et enfin vous pouvez voir ici que j'ai juste la taille de la carte. Donc, la taille des points de carte où vous pouvez voir que j'ai la taille la plus proche. Alors rappelez-vous l'objet régulier, il convertirait la clé en chaîne et mappait la clé à taper. Donc, il y a les deux façons différentes, donc vous devez obtenir les chaînes et les clés numériques aussi bien. Laissons juste l'exemple. Et nous verrons la sortie pour cela. Donc vous pouvez voir ça d'abord que nous aurons la clé. Et la valeur clé d'une ici est le nombre. Ok, alors cela obtiendra la valeur de chaîne, désolé, clé de chaîne et la valeur de chaîne ici est chaîne. Et puis ajoutez le dernier qui me montrera la taille de la carte, qui est trois. D' accord ? Donc, certains points clés dont vous devez vous souvenir pendant que vous travaillez avec la carte. Par conséquent, un objet map ne peut pas contenir la valeur dupliquée. Rappelez-vous qu'un objet de carte peut contenir des valeurs en double comme clé et que la valeur peut être n'importe quel type qui autorise à la fois un objet et les valeurs de paramètre. Et les objets de la carte, les feuilles de
glace c'est l'élément dans l'ordre d'insertion. Espérons que tu comprendras ça. Cette valeur de mappage ne peut pas contenir la clé dupliquée, mais peut-elle épingler la valeur dupliquée. Ok, donc c'est comme ça que nous travaillons avec les cartes en JavaScript. Si vous trouvez un nouveau problème concernant cette conférence ou un point que vous ne comprenez pas ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
63. Timing JS: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du Java Script Timer. Un temps ou est une fonction qui nous permet
d'exécuter une fonction à un moment particulier en utilisant l'heure, ou est-ce que vous pouvez afficher l'exécution du code afin qu'il ne soit
pas fait au moment exact et l'événement est déclenché sur la page. Supposons que vous chargez la page et qu'une sorte de minuterie est disponible cerf, donc l'exécution sera ici. Vous pouvez voir que supposons que cette flèche soit l'exécution
normale de votre programme lorsque vous venez de régler la minuterie, supposons que je viens de régler la minuterie jusqu'à 3 secondes sur ce site. Donc, après trois secondes, vous êtes programme sera exécuté. Par exemple, vous pouvez utiliser la minuterie de démarrage de la bannière publicitaire sur votre site Web à intervalles réguliers ou afficher une horloge en temps réel, supplémentaire, supplémentaire. Comment la plupart du temps vous pouvez voir certains types de publicité sur le site qui laisse supposer 50% de, 50% de réduction, ok ? Ou vous pouvez voir qu'un 100% de ce contenu, ce type de publicité est choisi après le chargement de la page jusqu'à trois secondes ou cinq, pris en haut trois ou cinq secondes. Cette publicité sont des spectacles sur votre site Web, donc ceux-ci sont faits par la minuterie. Et il y a les deux fonctions. Ce que nous utilisons dans la minuterie, qui est le premier est V, Comment définir la fonction de temporisation. D'accord ? Et puis nous avons Setinterval. Donc, définir la fonction de temps prend l'horloge entière et l'intervalle de temps
défini prend l'intervalle de temps signifie que c'est la tique. Maintenant, vous pouvez voir que nous exécutons un programme qui exécutera le code après quelques moyens, quelques secondes de retard. Ici vous pouvez voir que je viens d'écrire un code ici, qui est le code JavaScript. J' écris juste une balise de script. Et à l'intérieur de cette balise de script, j'écris juste une fonction. Donc, la fonction ici est ma fonction ou vous dites simplement que c'est une fonction temporelle. Ici. Je vous montre juste le message d'alerte où
vous pouvez voir que c'est le message d'alerte, bonjour, mot. Ok, ce n'est qu'un message. D' accord ? Maintenant, après cette balise de script, nous allons créer un bouton. Et ici vous pouvez voir que c'est juste dans le bouton ici, qui est onclick. Onclick ici est-ce mon nom de fonction ? Ok, c'est le nom de la fonction. Ici. Vous pouvez voir que je dois écrire ces premiers dommages, non ? Réglez le temps d'attente. Et puis voici écrire ma fonction. Et j'écris juste que c'est 343 mille, qui signifie que cela va attendre jusqu'à 3 secondes. Et voilà, c'est vrai. C' est Cliquez sur moi. Ok. Donc ça va vous montrer les résultats après trois secondes. Donc, la fonction setTimeout est utilisée pour exécuter une fonction sont morceau de code spécifique juste après une certaine période de temps. Mse signifie qu'après le temps complet. Cela sera exécuté. Je veux juste cela dans le navigateur et ici vous pouvez voir que je clique sur ce bouton. Donc, après trois secondes, votre fonction sera en cours d'exécution. Donc, vous pouvez voir ici votre programme va s'exécuter comme ceci. Donc 100 signifie que c'est 11000 millisecondes, ce qui est égal à 1 seconde, ok ? C' est pour ça que j'écris juste 3 000 ici. Donc, ce sont les 3 mille millisecondes, ce qui est égal à 3 secondes ici. D' accord ? J' espère que vous aurez ça. Maintenant, je suis juste en cours d'exécution l'un des, un autre exemple. Est-ce que vous les gars Vir, je crée juste une horloge. D' accord ? Et je vais vous dire que comment vous pouvez créer l'horloge ici. Donc après ça, je vais juste au programme ici. Et là, j'écris juste la balise de script à nouveau. Et à l'intérieur de cette balise de script, j'écris tout d'abord l'horloge. Donc ici, vous pouvez voir que je viens de créer une variable. Donc la variable ici est, j'écris juste que c'est l'ID d'intervalle. D' accord ? C'est juste une, vous pouvez dire cette variable ici. Donc, après cette variable, je suis juste en train d'écrire ceci comme une fonction. Et la fonction ici est d'abord, je conteste les fonctions pour montrer le temps. D' accord. Je te dis juste que j'attends. Clock ici où vous pouvez est top vous êtes aussi recadrée, ok ? Ou vous pouvez dire que le, arrêter l'exécution de votre minuteur ainsi. Donc, d'abord, vous pouvez voir que je crée juste une fonction qui est le court temps où je frappe la variable d et d, ce qui est égal à la nouvelle date. D' accord ? Après avoir créé les variables à la date, j'écris juste un point de document getElementById. Et ici, je viens de recevoir la carte d'identité ici est horloge. Et puis je suis juste en train de définir l'horloge d'identification ici. Et puis ici vous pouvez voir que je cite innerHTML, qui est égal à d. D est ma variable ici et d point ici. J' ai essayé ça aussi. Chaîne de date locale, d'accord ? Ce qui veut dire que ça aura votre heure locale. Et ici, vous pouvez voir que je crée juste une balise de paragraphe ici. Et ici, vous pouvez voir que je suppose une balise de paragraphe et voici à droite alors l'heure actuelle sur votre ordinateur est. L' ordinateur est, et ici j'écris juste que c'est une balise span où l'ID est égal à l'horloge. Donc, comme vous pouvez le voir ici, je viens de le dire, ou je reçois juste l'élément par ID, qui est l'horloge ici. Et j'ai juste le code le plus proche ici. D' accord ? Maintenant, après cela, vous pouvez voir qu'après avoir obtenu l'heure locale, je suis juste gagné une fonction. Et la fonction ici est,
est en haut de l'horloge. Et à l'intérieur de cette fonction, j'écris juste l'intervalle, ok, qui signifie qu'après cela, votre temps sera enseigné ici. Donc ici, j'écris juste un intervalle clair, et ici je passe juste cet ID d'intervalle, qui est la variable ici, et enferme le noyau. Maintenant, ici, après cela, vous pouvez voir que je conteste de la variable et de la variable. Voici l'intervalle et l'ID d'intervalle, qui est égal à i vues intervalle défini. Et ici, je viens d'abord d'écrire le temps de spectacle. Et puis ici, après cette glace juste là, c'est 11000 millisecondes, ce qui signifie que 1 seconde. Et vous pouvez voir que notre noyau est ici, terminé. Maintenant, vous pouvez voir que je vais juste à l'étiquette d'en-tête et l'étiquette d'en-tête des insurgés. J' écris juste l'horloge Hash et je suis juste en train de régler la conception ou désolé, d'abord, je cite cette tuile ici. Et après que c'est Tile, je suis juste en train de régler la conception où supposons que c'est l'horloge. Et l'horloge ici est que je suis en train de définir l'arrière-plan et l'arrière-plan ici est égal à, vous pouvez écrire noir ou vous pouvez écrire 000. Ou désolé, c'est un deux-points ici. Et voici écrire triple 0. Puis ici, j'ai essayé de jumeler. Et le rembourrage ici est de deux pixels, désolé, 20 pixels ici, ou vous pouvez définir le couplage comme auto. Maintenant, j'ai dit la marge. Et la marge ici est de 20 pixels et 0. Maintenant, ici, j'écris la couleur ici, et la couleur ici est que vous pouvez définir la couleur ici est vert ou vert clair, ou vous pouvez définir la couleur ici est LAN vert ou tout ce que vous pouvez écrire ici. Puis ici affichage de la vue, qui est bloc. Et là, c'est, à droite, que c'est la forme d'un monospace de 48 pixels. Désolé, c'est un 48 pixel qui est mono. D' accord ? Donc, vous pouvez voir que notre programme est terminé ici. Maintenant, je suis juste en train de suivre ce cours. Donc, vous pouvez voir que notre horloge ici nous montre qui est d'obtenir les données seulement. D'accord ? Maintenant, vous pouvez voir que je vais juste au code. Et là, je suis juste en cours d'exécution, ou je crée juste un bouton ici. Donc vous pouvez voir qu'ici j'écris juste que c'est le bouton qui est onclick. Désolé, c'est Onclick. Onclick, qui est égal à ici, c'est vrai, alors c'est cette horloge supérieure, ou c'est une horloge arrêtée ici. Et après cela, vous pouvez voir ici que je suis en train de fermer ceci et ici c'est juste là qu'il est. En haut de l'horloge qui me montre la date ici. Juste à cause des cheveux, vous pouvez voir que je viens de dire la chaîne de date locale outil, sorte que nous allons obtenir la chaîne de date ici si vous voulez obtenir la chaîne de temps. Donc, vous écrivez simplement l'heure à l'endroit de ça. Vous pouvez donc exécuter cette fonction. Et puis ici, vous exécuterez à nouveau votre code. Et après quelques secondes ici ce que nous sommes en train de définir, votre méthode de date sera exécutée ici. Donc, c'est OK, chaîne OK. Et ici, vous pouvez voir que je viens juste de lancer ce code à nouveau. Et vous pouvez voir que j'ai juste l'heure actuelle ici. Vous pouvez voir ça. Et après cela, quand vous êtes juste en tête. Donc, vous pouvez voir que ce haut du club, quand je viens de cliquer sur arrêter l'horloge. Donc, vous pouvez voir ici votre intervalle est, est en haut juste ici. Voici donc comment vous pouvez exécuter et vous pouvez installer votre exécution à l'aide de la méthode du minuteur. Donc, vous obtenez que les deux méthodes setTimeout et set interval retournent un ID unique et une valeur entière positive, qui est appelé identificateur de minuterie, ok, qui identifient le temps créé par ces méthodes. Donc, vous obtenez que si vous saviez le problème concernant cette méthode de minuterie dans le JavaScript, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
64. Validation JS: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des validations java est saisi. Il est important de valider le formulaire soumis par les utilisateurs car il peut aider à améliorer les valeurs Ashish. Donc bien édition est doit assister à la porte de l'utilisateur. Java est corrompu, fournit la possibilité de valider le formulaire côté client. Ainsi, le traitement des données sera plus rapide que les validations côté serveur. La plupart des développeurs web préféré Java est les validations de formulaire de script pour bien, il va parfois se former. Comme le formulaire Web aide devenir une partie essentielle des applications Web et il est souvent utilisé pour recueillir les informations de l'utilisateur telles que le nom, adresse
e-mail, l'emplacement, et l'âge. Lorsque vous soumettez certains types de demande. Ou vous voulez appliquer une sorte de paquet, ou vous voulez obtenir la commande en ligne. Donc, ici, comme vous le voyez, qu'il ya quelques sortes de formulaires et certaines formes comment les formulaires validations. Supposons que vous ayez quelques types de champ d'entrée et de nom de champ d'entrée ici est le nom. Et si vous laissez ce champ vide, donc un message est généré pour vous que vous devez ajouter le nom ici. C' est donc la carte des validations de formulaire. Par conséquent, la validation côté client est également utile pour créer une meilleure expérience utilisateur, car elle est fausse aussi, car les validations ont eu lieu dans le navigateur de l'utilisateur. Indique si les validations côté serveur se produisent sur les serveurs, ce qui nécessite l'entrée de l'utilisateur pour d'abord soumettre et envoyer les données, puis a proposé que cela validera ces données. Au premier abord, vous pouvez voir que je suis juste en train de créer des formes ici. Et puis je vais vous dire que comment nous pouvons valider ce formulaire. Donc, c'est juste, ce n'est pas seulement un formulaire, c'est un seul champ d'entrée. Ce que je vous conteste pour votre meilleure compréhension. Ensuite, après cela, nous allons créer des types de TextField aussi. Dans la prochaine conférence, nous allons travailler sur sont, nous allons créer notre formulaire entier. Ok, donc ici je vous parle
juste des validations des formulaires et de la façon dont nous validons nos mauvaises herbes textuelles. Ok, maintenant je viens de dire le nom du formulaire, qui est mon formulaire. Et puis ici, vous pouvez voir que je dois écrire sur la méthode de soumission. Ok, maintenant ici vous pouvez voir que je conteste la fonction et la fonction ici est que je viens d'écrire que c'est valider le formulaire. D' accord ? C' est mon nom de fonction. Et ici, j'écris juste ce nom de fonction ici, et je reçois juste la valeur de retour de celui-ci aussi. Ici, vous pouvez voir qu'à l'intérieur de ce formulaire, ici, je crée juste le nom. Et le nom ici est le champ de saisie. Et l'entrée ici est le type de texte, qui est le nom de fname. Fname Je viens d'écrire ici juste pour un prénom. Et puis ici à l'intérieur de l'
entrée, entrée, qui est un type de soumission. Donc, ce sera le fardeau du bouton Soumettre. Et ici, la valeur ici est soumettre. D' accord. Comme il suffit d'exécuter cela dans le navigateur. Donc, vous trouverez la sortie comme ça jusqu'à présent, ok ? Pas d'offre ça. Nous allons au script et ici je viens de valider ce formulaire, plus oui, juste créer une variable,
variable x, qui est égale au document et document point ici j'écris juste des formulaires. D' accord ? Maintenant, ici, à l'intérieur de ce formulaire ici, j'ai écrit que c'est ma forme, qui est mon nom de formulaire comme vous pouvez le voir ici. Et puis ici vous pouvez voir que je dois écrire que c'est la première dualité intelligente dimériser. Cela l'a forcé aussi. Donc, je vais juste écrire la valeur. Et puis ici, je, si x est égal, égal à Harris, écris une chaîne vide. Alors ici, je dois écrire qu'un avocat et alerte ici est le nom doit être rempli. D' accord ? Cela signifie que vous devez soumettre votre nom et que vous ne pouvez pas laisser votre champ vide ici. C' est pourquoi j'écris juste la chaîne vide ici, signifie que si votre champ est vide, donc ce sera simple. Il suffit de vous montrer un message. Ok, et voici juste faux, retour et la chute, la déclaration. D' accord ? Maintenant, je viens de courir cette première année, j'ai dû écrire que c'est un funky et je soumets juste ça. Donc, vous pouvez voir que cela est soumis ici et le nom ici est soumis. Maintenant actualisez ceci et cliquez sur le bouton Soumettre. Donc ici, vous pouvez voir il ya des messages me montre que le nom doit être soumis signifie que vous ne pouvez pas laisser ce champ vide ici. Espérons que vous l'êtes. Le concept est très clair que la façon dont nous pouvons valider nos formulaires dans le script java. Maintenant, vous pouvez voir que comment un week-end valider notre champ avec l'aide de mot de passe, comme si vous laissez le mot de passe vide, sorte que vous demanderez le mot de passe. Ok, voyons comment on peut travailler avec ça. Maintenant, dans cet exemple, nous avons déjà travaillé avec le nom, et ici nous allons travailler avec un possible que si le mot de passe est inférieur à six chiffres ou un chiffre, corrigez-la. Donc, ce ne sera pas vous montrer comme la sortie ou qui sera le formel ni être soumis ici. Ici. Vous pouvez voir que j'ai dérivé BR tag et puis ici j'ai écrit et heartache pour votre meilleure compréhension que nous travaillons avec les différents scripts. Ici, dans la balise de script. À l'intérieur de la balise de script ici, je commence la fonction. Et la fonction ici est valider le formulaire numéro un. D' accord ? Et ici, à l'intérieur, nous allons créer notre pas. Maintenant, nous venons à la forme ici. Donc la forme ici est le nom, ce nom qui est égal à ici il est, juste. Mon numéro de téléphone 1 est mon nom. D'accord. Puis ici, j'ai écrit que c'est sur soumission. Et c'est sur soumission. Et ici, j'ai écrit que c'est le retour. Et revenez ici est mon nom de fonction. D' accord ? Et je dois fermer ce code ici. Tout d'abord, j'avais raison, que ce soit, supposons le nom complet. Et le nom complet ici est égal au champ d'entrée et infer se sentir cheveux est un type de texte. Et c'est un type de texte ici. Et puis ici, nous devons définir le nom de ce champ d'entrée qui a un nom. Et le nom. Voici le nom. D' accord ? Ensuite, ici, j'ai écrit la balise BR pour le break de fin unique. Et après cela, nous créons le champ mot de passe ici. D' accord ? Et le champ mot de passe ici est, vous pouvez voir ce qui est un type de cheveux d'entrée et d'entrée est un type de, Je viens de dire que c'est un type de mot de passe. Et puis le nom ici est aussi possible, ok ? Et puis ici, j'ai écrit que c'est une balise BR. Et c'est une balise BR ici. Aucune offre que je devais soumettre. Je dois obtenir le bouton de soumission et qui est un type de soumission. Et ici, nous devons définir la valeur. Et la valeur ici est login, ou la valeur ici est register. C' est à toi de décider, ok ? Vous pouvez définir n'importe laquelle des valeurs ici. Donc, comme vous pouvez le voir ici, notre formulaire ressemble à ceci. Prénom et membre antérieur, mot de passe et enregistrement. Validons simplement ce formulaire. Et ici, vous pouvez voir que nous devons créer deux variables, reportant le nom de la variable. Et puis nous avons la variable et la variable ici est un mot de passe. D' accord. Personnellement, j'ai le bon document. Désolé, c'est le document point mon formulaire. Et mon formulaire ici est mon formulaire 1. Vous pouvez voir que c'est le nom du formulaire. Et puis ici, j'ai dû écrire le nom et la valeur du point de nom ici. Et ici, vous pouvez voir le document sous forme de points. Je viens de copier ceci et de le coller ici. Et puis ici, je dois écrire, et ceci est mot de passe. Et ici le mot de passe ici est la valeur. Donc, tout d'abord, ce formulaire obtiendra les valeurs à l'aide de ces variables et est vers la valeur dans ces variables. Et après ces cheveux, vous pouvez voir que j'ai dû aller à la déclaration if. Et si le nom qui est égal à null. Vous pouvez voir que dans la dernière conférence, nous écrivons le nom comme la chaîne vide. Mais si vous laissez ce champ comme un null, ou vous pouvez voir ce nom qui est égal à une chaîne vide. Donc, un message est généré pour vous, qui est un message d'alerte et un message d'alerte ici est que le nom ne peut pas être vide. Ok, et puis ici vous pouvez voir que je dois fermer ce noyau et cela va retourner le résultat comme les défauts. Pourquoi je viens d'écrire tombe ici parce que cela ne va pas se déplacer dans la soumission de toutes sortes d'informations. D' accord ? Maintenant, ici, j'ai commencé autre si, sinon si la condition est ici, nous avons juste dit la condition sur le mot de passe. Donc, si POS, qui est égal à ou si les passages longueur point et ici je juste longueur de foulée est inférieure à six ou prêté son moins de huit signifie que vous devez recevoir un chiffre de caractères ou huit chiffres de nombres ici. Maintenant ici, je frappe alerte et alerte ici est mot de passe doit être au moins. C' est un caractère long. D' accord ? Et là, j'ai deux accords les plus proches. Et ici vous pouvez voir que j'ai dû écrire retour. Et le résultat de retour ici est faux. Nous pouvons maintenant ici je fais un zoom sur cet accord à nouveau, voir si ce code et actualiser ceci. Tout d'abord, je décide ou juste me tourner. Donc, vous pouvez voir ici le nom ne peut pas être vide. Et ici vous pouvez voir que j'ai fait monter aussi haut est un nom complet. Et puis ici 12345678 caractères de chiffres. Donc, il digit des caractères ici. Et cliquez sur s'inscrire. Donc, vous pouvez voir ici ces formulaires sont soumis si je viens d'écrire registre. Vous pouvez donc voir ici le mot de passe doit contenir au moins un caractère. Donc, comme vous pouvez le voir ici, il s'
agit juste d'une validation de formulaire sur le prénom et le mot de passe. Maintenant, je vais vous dire que comment vous pouvez ajouter le champ de texte ici signifie champ de texte annexe, qui ne prendra que votre numéro, signifie que si vous voulez prendre le numéro de téléphone mobile de l'utilisateur, alors ajoutez ce champ que vous avez pour écrire, vous devez seulement obtenir les chiffres que vous,
vous ne l'avez pas contesté,
n' avez pas pris les balises, les caractères de chaîne. D' accord ? Ici, vous pouvez voir ça. Et nous allons au code ici. Et maintenant, vous pouvez voir que j'ai écrit comme si et sinon si ici est, je suis arrivé, c'est le nombre et ici je dois écrire ceci est num. D'accord ? Maintenant, vous pouvez voir que je dois créer une variable. Et la variable ici est num. Num, qui est égal à Harris, non ? Que ce soit le document point mon numéro de formulaire un point ici j'avais raison, que c'est le nombre et la valeur du point de nombre. Ok, maintenant, nous allons ajouter un des champs ici, qui est le champ numérique. Et c'est là, non ? C' est le numéro où j'avais raison ? Qu' il s'agit de l'entrée et de l'entrée qui est un type de texte. Ok. Et ici, le nom est num. D' accord ? Maintenant, vous avez droit est Pan Tang et son étiquette de stylo ici est l'ID et l'ID qui est égal à ici. J' ai commencé là. Cet ID ici est égal à Num Lock. Et je dois fermer ce code ici. Et puis c'est BR tag. Ok, maintenant vous pouvez voir que maintenant nous allons juste à ce script. Et ici, j'avais raison, que c'est un document et un document. Document point obtenir élément par ID et cheveux. L' ID ici est que vous pouvez voir ce Num Lock. Et puis ici, vous pouvez voir que j'ai droit, qui est égal à la valeur inter numérique seulement. Donc, ce sera le message ici, et puis cela retournera le résultat comme le faux ici. Ok, j'espère avoir ça. Maintenant, ici. Donc c'est If-else et nous avons écrit ça, ok ? Rafraîchissez ceci. Donc vous pouvez voir ici nous allons ajouter seulement nombre. Ceci est le champ mot de passe, et c'est le nom. Je clique juste sur ce que vous pouvez voir ici mon art, il ses cheveux sont soumis. Si je laisse un des champs vides ici. Donc, vous pouvez voir ici, donc un désolé, c'est le nombre et qui ne nous montrera pas le message ici. Donc, ici, nous devons aller à la déclaration else. Et à l'intérieur de cela comme une déclaration ici, j'écris que ce sera retour vrai ici. Ici, nous avons quelques sortes de Fair que je viens d'essayer est le numéro ici, mais ici je choisis juste est nan ici, qui est une fonction. Et puis ici, je viens juste de lancer ce code et le champ de mot de passe et puis je clique juste dessus. Donc, cela sera soumis ici. Et si j'écris juste ce correcteur valeurs, alors vérifions l'erreur. Nous appelons cela comme ne pas prendre cette chaîne ici. Désolé le numéro ici. Et oui, nous manquons dans notre HTML ici. Rafraîchissez ceci. Enregistrer et rafraîchir à nouveau et le patrimoine droit alors bonjour est un membre complet. C' est le mot de passe. Et si j'écris les correcteurs ici dans ce champ numérique et cliquez simplement sur inscription. Donc, ici, vous pouvez voir que, à son tour, les valeurs numériques seulement. Et ici, vous pouvez voir que quand je me suis juste orienté vers des valeurs numériques, donc cela prendra comme valeur résultante ici. Espérons que vous obtenez cela, que la façon dont vous pouvez travailler avec une validation de formulaire dans le java est clip. C' est ainsi que nous pouvons travailler avec nos formulations JavaScript. Si vous trouvez l'un des problèmes ici dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
65. Formulaire de validation JS: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la gestion des erreurs en JavaScript. Avant de commencer la gestion des erreurs ou le hurling exceptionnel dans le JavaScript, nous avons juste besoin de comprendre que ce qui est une erreur ? Erreur est une opération illégale effectuée par les utilisateurs qui entraînent anormal, travail
anormal hors de votre programme. Comment ? Comme ici, j'écris juste une balise de script. Et c'est là que je ferme juste la balise de script ici. Donc c'est votre flux normal de programme, ok, qui n'a pas tenu d'erreurs, alors vous ne donnez pas cette étiquette Trump ici et ne fermez pas cette poignée. Donc, notre message d'erreur est généré ici, qui est voiture et erreur. Alors, qu'est-ce qu'une manipulation de l'adder ? La gestion des erreurs fait référence aux procédures
de réponse et de récupération à partir de la condition d'erreur qui est présente dans les applications logicielles. En d'autres termes, il s'agit d'un processus qui est compressé d' anticipations, de détections et de résolutions de l'erreur de l'application. Erreurs de programmation ou erreur de communication. gestion des erreurs aide à maintenir le flux normal des exécutions d'un programme. En fait, de nombreuses applications basées sur de nombreuses conception difficile et un défi et compte tenu de la technique de gestion des erreurs. Donc, je vous parle juste de l'adder et de la gestion des erreurs dans le JavaScript. Maintenant, vous pouvez voir que quelle est la gestion des exceptions ? Une exception qui signifie la présence d' une situation anormale par rapport à une vis nécessitait le fonctionnement spécial ou la technique. Il suffit de vous dire que la gestion des erreurs. Donc, je vais vous montrer l'air dans l'air V, Comment les opérations illégales effectuées par les utilisateurs qui entraînent travail anormal de la Pologne semble un cas comme ici dans l'exception. Donc, dans l'exception v, comment le terme de programmation et les exceptions de l'accord anormal qui est brig, le flux normal d'un code, tels que les exceptions nécessitent une programmation spécialisée, qui est la construction de VCE à partir de exécution. Donc maintenant, je vais vous dire que ce qui est la gestion exceptionnelle
des exceptions dans la gestion des exceptions de programmation est un processus ou une méthode utilisé pour gérer l' instruction
anormale is dans le code et qui les exécute. Il est également activé le handle, handle de contrôle de flux de vos programmes à partir de la gestion du noyau, qui ont les différents gestionnaires sont utilisés qui traitent les exécutions et exécutent le code. Ok. Nous avons plusieurs types de manipulation de l'adder où nous nous aidons à l'ascension prend erreur. Alors, où est le sable prend de l'ère ? L' erreur condamnée ici est, je vous dis juste que vous allez écrire une balise de script ici. Et puis ici, vous devez fermer ce script. Tag, ok, donc c'est normal pour le programme quand vous ne montez pas est balise script ici. Donc, cela est appelé, il s'agit d'une erreur de syntaxe, qui signifie que lorsque nos utilisateurs font une erreur dans un texte envoyé prédéfini d'un langage de programmation. Et l'erreur de syntaxe que nous pouvons apparaître ici. Ensuite, nous avons l'erreur d'exécution. L' erreur d'exécution ici se produit lorsqu'un air, comme lors de l'exécution de votre programme, tel qu'une erreur est connu sous le nom d'erreur d'exécution. Les cœurs qui créent des erreurs d'exécution est connu sous le nom d'exceptions, vous
aide à comprendre maintenant, est-ce que la gestion des exceptions sont utilisés pour la gestion des erreurs d'exécution. Ensuite, nous avons les erreurs logiques. Les erreurs logiques sont les erreurs qui se produisent lorsque le Lodge, où V fait une erreur logique dans les programmes qui peuvent ne pas procéder à cette sortie souhaitée et peuvent se terminer anormalement, comme une erreur est connue comme erreur logique. Maintenant, vous pouvez voir que je suis juste en cours d'exécution d'un programme. Est-ce que vous les gars ? Nous lançons des erreurs en réalité virtuelle. Vous le faites ? Ok, ici vous pouvez voir que je dois écrire une balise de script. Et d'abord, je vous écris juste les erreurs basées sur la phrase. Où vous pouvez voir qu'ici je frappe le point de la fenêtre. Ici, j'écris juste la fonction d'impression. Ok. Et ici, vous pouvez voir que je suis restée proche. J' ai entendu ne pas fermer cette parenthèse ici. D' accord. Maintenant, je suis juste en train d'exécuter cette erreur dans le navigateur. Donc, vous pouvez voir ici qui est résultant, mais cela n'est pas résultant parce que nous ne lui donnons aucune des valeurs ici. Maintenant, vous pouvez voir que je dois écrire que c'est document et document point écriture. Et ici, je dois écrire que c'est une erreur. Et ici vous pouvez voir que je dois fermer ce code. Maintenant, quand je fais ça. Donc, vous pouvez voir ici que cela ne nous montre pas la valeur juste à cause d'ici. Nous ne donnons pas de parenthèses ici. Donc, cela signifie que c'est voiture en, envoyé à base de texte. J' espère que vous comprenez
maintenant, maintenant ici, je vais vous parler de l'erreur d'exécution en ce moment. Maintenant, vous pouvez voir là que j'ai bien entendu ? Document et document.write où vous pouvez voir que je dois définir la chaîne mais pas donné d'autre valeur ici. Donc, vous pouvez voir cela ici, laissez-nous vérifier le résultat de celui-ci. Et puis ici, je vais juste en mode inspection et une console. Donc vous pouvez voir ici, il me montre l'erreur de cette ligne. D' accord ? Donc ici, je suis juste en train de supprimer cette erreur ici. Et laissez-nous vérifier maintenant. Donc, ici, vous pouvez voir que c'est une bonne déclaration. Maintenant, ok, à, dans notre dernier exemple, vous pouvez voir ici que c'était une phrase erreur Bayes. Mais ici, vous pouvez voir que nous définissons notre
bonne ligne de code. Mais cela ne s'affiche pas en conséquence parce que nous
faisons ici une erreur qui nous montre une erreur d'exécution ici, qui ne nous montre pas la, aucune de la valeur de sortie, ok ? Maintenant, passons maintenant aux erreurs logiques ici. Alors, quelles sont les erreurs logiques ? Les erreurs logiques peuvent être les types d'erreurs les plus difficiles à retracer. Ces erreurs ne sont pas le résultat d'un scientifique ou d'une erreur d'exécution. Au lieu de cela, le se produit quand ils font une erreur dans une logique qui est conduit votre script et vous n'obtenez pas le résultat de vous n'avez pas le résultat attendu. D' accord ? Maintenant, vous pouvez voir que nous augmentons ce type d'erreur avec une capture d'essai. Et enfin en tant que mot-clé, qu'est-ce que try ? Essaie de jugements vous permet de tester un bloc de code d'erreur. Comment vous pouvez voir que ici, si vous enfer, commence votre programme, OK, alors ici vous avez les conditions où vous êtes. Essaie ton noyau. Si vos conditions enfer, pas d'erreurs. Donc, cela va aller au bloc catch et c'est ignorer, désolé, c'est ignorer le bloc catch et puis cela va s'exécuter, ou est-ce correct si ces conditions ont un additif ? Donc, cela va simplement aller à l'essai à nouveau, qui est de réinitialiser votre trie, alors cela exécutera un bloc catch de co-écriture. Voyons comment. Vous pouvez voir ici que j'utilise juste try comme mot clé. Ensuite, vous pouvez voir que j'utilise juste un message d'alerte. Et le message d'alerte ici est, vous pouvez voir que Harris n'est pas vrai ? Essayez les courses de bloc. D' accord ? Et ici vous pouvez voir qu'après cela, j'utilise juste l'un des messages d'alerte ici à nouveau. Et alerte ici, c'est juste ici et du bloc de temps élevé. Ok, ici vous pouvez voir qu'on leur offre cette course d'hommes des trois états. Vous avez juste à attraper une erreur ici. D' accord ? L' entrée ici est, vous pouvez le voir. Ici vous pouvez voir l'erreur ici est alerte. Et le message d'alerte ici est, ici nous attrapons et l'attrapage est ignoré parce qu'il n'y a pas d'erreur. Ok. Ici vous pouvez voir, Nous allons juste suivre ce cours. Donc, vous pouvez voir ici c'est un try blocks run and try blocks n parce qu'il
n'y a pas d'erreur ici et aucune exception n'est mise en cache ici. Espérons que oui. Vous obtenez ça ici. Vous pouvez voir ça ou je fais une erreur ici. Comme ici, j'écris alerte. D' accord ? Maintenant, vous pouvez voir que je viens de sauver ce programme, réinitialiser les blocs d'essai R1. Et puis ici, vous pouvez voir qu'il y a fin. Oui. Ok, ici, nous devons trouver une erreur. Et nous sommes en train d'écrire l'alerte. Alerte ici, comme tu peux le voir, OK. Ici, j'ai fait une petite erreur. Donc, les variables d'erreur ne sont pas définies ici, ok ? Maintenant, quand je viens de lancer ce vendu ici, vous pouvez voir leur taureau tribal courir en premier. Et puis ici, vous pouvez voir que cela va ignorer ce message d'alerte ici dans le bloc try, et cela va simplement passer au bloc catch ici et attraper votre exception. J' espère que vous comprenez maintenant. Maintenant, le fait est que les blocs try and catch ne fonctionnent qu'avec nos erreurs d'exécution. J' espère que tu auras ça. Ici. Vous pouvez voir qu'ici nous allons lancer un programme avec chat, une
sorte de trie Castro et enfin comme l'exception ici. Donc, les déclarations de prix vous permettent de tester le bloc de code comme celui-ci. Ensuite, attraper l'exception, vous permettre de gérer l'erreur, puis les déclarations vraies vous permettent de créer une erreur douanière. Et enfin les instructions vous permettent d'exécuter le code après la cravate et attraper. Ok. En ce qui concerne la raison. Maintenant, vous pouvez voir que c'est une prise de temps, mais nous avons déjà étudié. Maintenant, nous allons travailler avec lancer une erreur, ce qui signifie que nous essayons l'erreur par défaut. Ok, maintenant ici vous pouvez voir qu'ici je crée un nouveau script où je dois lancer une erreur. Ici vous pouvez voir que je dois définir
le corps à l'intérieur de son corps ici je suis juste en train de créer une balise de paragraphe. On est des yeux juste là. C' est une vraie erreur. D'accord ? Ensuite, ici, je dois créer une entrée et produire un bouton de frappe. Nous sommes la valeur ici est cliquez sur moi. Et puis ici, j'ai droit sur la méthode click. Et pour la méthode onClick ici, nous avons nucléate le nom de la fonction. J' ai déclaré la fonction, qui est là où j'ai commencé qu'il s'agit d'une fonction comme nom de fonction. Et ici, je dois passer ce nom de fonction ou comment appeler ce nom de fonction à ce bouton. Ok, accord le plus proche. Et maintenant, vous pouvez voir que je ne fais que dessiner et ajouter notre affichage de cheveux. Je tourne juste une variable a et une variable a qui est égale à 200. Et puis ici, j'ai la bonne variable B et la variable B, qui est égale à ici, c'est juste 0. Donc ici, je suis juste en train de définir une erreur de division 0. D' accord ? Et ici vous pouvez voir que j'ai le droit, si b qui est égal à 0, b qui est égal à 0. Et ici, j'ai juste l'habitude de « TO » comme mot clé, ok ? Et jeter comme un mot clé ici. Et puis ici vous pouvez voir que j'avais juste là, ceci est divisé par 0. D' accord ? Et ici, je dois le noyau le plus proche. Maintenant, je vais à l'autre condition. Et la condition d'autre ici est que j'ai la bonne variable c et c, qui est égale à a divisé par b. Où vous pouvez voir qu'ici après cela, j'espère attraper cette erreur, cette erreur. Donc ici, j'écris E comme exception ou l'erreur que nous sommes j'avais raison ? Message d'alerte et message d'alerte ici est une erreur et l'erreur sera Ken continuations de e, ce qui signifie que ici j'ajoute l'EDA, cette instruction. D' accord ? Maintenant, vous pouvez voir que je dois exécuter ce code maintenant. Donc, tout d'abord, cela va exécuter les premières déclarations. Et ici, vous pouvez voir que les caches ignorent à cause d'il n'y a pas d'erreur. Ici. C'est en cours d'exécution de ce score. Et maintenant, je viens de dire, d'accord, et puis vous pouvez voir que je vais juste cliquer sur ce bouton Cliquez sur moi. Donc ici, vous pouvez voir qu'une erreur de lancer est générée ici, ce qui est une erreur divisée par 0 erreur. Ok, donc vous pouvez utiliser des instructions toy pour écrire vos exceptions intégrées dans votre programme, ou vous devez personnaliser vos exceptions. Donc tu comprends ça. Donc passons à l'instruction finale et les instructions finally vous permettent d'exécuter le code après un essai et le catch indépendamment de la raison comment héritage. Maintenant, vous pouvez voir que lorsque ce noyau, je suis juste en train d'écrire un Finalement comme un mot-clé. Et ici, j'utilise juste le message d'alerte. Et le message d'alerte ici est que j'écris HI, je M enfin. D' accord. Et ici, je dois fermer en tant que noyau. Maintenant, je lance juste ce code. Donc d'abord, vous pouvez voir ici notre cela essaie d'Edmund est exécuté. Ensuite, ici l'exception se produit, où cela va passer à la capture. Et maintenant ici, vous pouvez voir qui offert ces, nous passons à la enfin comme le mot clé ici. Espérons que vous comprenez maintenant que ce qui est un adder et ce qui est la gestion des exceptions dans le JavaScript espère que vous obtenez que si vous trouvez
l'un des problèmes à tout moment que vous ne comprenez pas ici dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
66. Manipulation d'erreur Javascript: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la gestion des erreurs en JavaScript. Avant de commencer la gestion des erreurs ou le hurling exceptionnel dans le JavaScript, nous avons juste besoin de comprendre que ce qui est une erreur ? Erreur est une opération illégale effectuée par les utilisateurs qui entraînent anormal, travail
anormal hors de votre programme. Comment ? Comme ici, j'écris juste une balise de script. Et c'est là que je ferme juste la balise de script ici. Donc c'est votre flux normal de programme, ok, qui n'a pas tenu d'erreurs quand vous ne donnez
pas cette étiquette de terme ici et ne fermez pas cette poignée. Donc, notre message d'erreur est généré ici, ce qui est une carte une erreur. Alors, qu'est-ce qu'une manipulation de l'adder ? La gestion des erreurs fait référence aux procédures
de réponse et de récupération à partir de la condition d'erreur qui est présente dans les applications logicielles. En d'autres termes, il s'agit d'un processus qui est compressé d' anticipations, de détections et de résolutions de l'erreur de l'application. Erreurs de programmation ou erreur de communication. gestion des erreurs aide à maintenir le flux normal des exécutions d'un programme. En fait, de nombreuses applications basées sur de nombreuses conception difficile et un défi et compte tenu de la technique de gestion des erreurs. Donc, je vous parle juste de l'adder et de la gestion des erreurs dans le JavaScript. Maintenant, vous pouvez voir que quelle est la gestion des exceptions ? Une exception qui signifie la présence d' une situation anormale par rapport à une vis nécessitait les spéciales opératoires ou techniques. Il vous dit juste que la gestion des erreurs. Donc je vais vous montrer l'air dans l'air a vu les opérations illégales effectuées par les utilisateurs qui désertent dans le travail anormal de la Pologne semble un cas comme ici dans l'exception. Donc, dans l'exception v, comment le terme de programmation et les exceptions de l'accord anormal qui est brig, le flux normal d'un code, tels que les exceptions nécessitent une programmation spécialisée, qui est construit à partir de l'exécution. Donc maintenant, je vais vous dire que ce qui est la gestion exceptionnelle
des exceptions dans la gestion des exceptions de programmation est un processus ou une méthode utilisé pour gérer l' instruction
anormale is dans le code et qui les exécute. Il est également activé le handle, handle de contrôle de flux de vos programmes à partir de
la manipulation, le code qui avait un gestionnaire différent sont utilisés qui traitent les exécutions et exécutent le code. Ok. Nous avons plusieurs types de manipulation d'adder où nous aidons l'ascension prend erreur. Alors, qu'est-ce qu'une erreur de syntaxe ? L' erreur condamnée ici est, je vous dis juste que vous allez écrire une balise de script ici. Et puis ici, vous devez fermer ce script. Tag, ok, donc c'est normal pour le programme quand vous ne montez pas est balise script ici. Donc, cela s'appelle, c'est une erreur de syntaxe, ce qui signifie que lorsque nos utilisateurs font une erreur dans une syntaxe prédéfinie d'un langage de programmation. Et l'erreur de syntaxe que nous pouvons apparaître ici. Ensuite, nous avons l'erreur d'exécution. L' erreur d'exécution ici est, cela se produit lorsqu'un air comme sont pendant l'exécution de vos programmes, comme une erreur est connue sous le nom d'erreur d'exécution. Le CORS est créé. erreurs d'exécution sont connues sous le nom d'exceptions, vous
aide à comprendre maintenant, est-ce que la gestion des exceptions sont utilisées pour la gestion des erreurs d'exécution. Ensuite, nous avons eu les erreurs logiques. Les erreurs logiques sont des erreurs qui se produisent lorsque le Lodge, où V fait une erreur logique dans les programmes qui peuvent ne pas procéder à cette sortie souhaitée et peuvent se terminer anormalement, comme une erreur est connue comme erreur logique. Maintenant, vous pouvez voir que je suis juste en cours d'exécution d'un programme. Vous les gars ? Nous lançons des erreurs en réalité virtuelle. Vous le faites ? Ok, ici vous pouvez voir que je dois écrire une balise de script. Et tout d'abord, je suis juste d'écrire les erreurs basées sur la phrase pour vous les gars où vous pouvez voir que ses yeux de la fenêtre droite point ici, je viens d'écrire la fonction d'impression. Ok. Et ici, vous pouvez voir que je suis restée proche. J' ai entendu ne pas fermer cette parenthèse ici. D' accord. Maintenant, je suis juste en train d'exécuter cette erreur dans le navigateur. Donc, vous pouvez voir ici qui est résultant, mais cela n'est pas résultant parce que nous ne lui donnons aucune des valeurs ici. Maintenant, vous pouvez voir que je dois écrire que c'est document et document point écriture. Et ici, je dois écrire que c'est une erreur. Et ici vous pouvez voir que je dois fermer ce code. Maintenant, quand je fais ça. Donc, vous pouvez voir ici que cela ne nous montre pas la valeur juste à cause d'ici. Nous ne donnons pas de parenthèses ici. Donc, cela signifie que c'est voiture en, envoyé à base de texte. J' espère que vous comprenez
maintenant, maintenant ici, je vais vous parler de l'erreur d'exécution en ce moment. Maintenant, vous pouvez voir là que j'ai bien entendu ? Document et document.write où vous pouvez voir que je dois définir la chaîne mais pas donné d'autre valeur ici. Donc, vous pouvez voir cela ici, laissez-nous vérifier le résultat de celui-ci. Et puis ici, je vais juste au mode d'inspection et à la console. Donc vous pouvez voir ici, il me montre l'erreur de cette ligne. D' accord ? Donc ici, je suis juste en train d'enlever cet additif ici. Et laissez-nous vérifier maintenant. Donc, ici, vous pouvez voir que c'est une bonne déclaration. Maintenant, ok, à, dans notre dernier exemple, vous pouvez voir ici qui a été envoyé erreur Higgs Bayes. Mais ici, vous pouvez voir que redéfinir notre
droite ligne de code. Mais cela ne s'affiche pas en conséquence parce que nous
faisons ici une erreur qui nous montre une erreur d'exécution ici, qui ne nous montre pas la, aucune de la valeur de sortie, ok ? Passons maintenant aux erreurs logiques ici. Alors, quelles sont les erreurs logiques ? Les erreurs logiques peuvent être les types d'erreurs les plus difficiles à retracer. Ces erreurs ne sont pas le résultat d'un scientifique ou d'une erreur d'exécution. Au lieu de cela, le se produit quand ils font une erreur dans une logique qui est conduit votre script et vous n'obtenez pas le résultat de vous n'avez pas le résultat attendu. D' accord ? Maintenant, vous pouvez voir que v Rice, ce type d'une erreur avec notre capture d'essai. Et enfin en tant que mot-clé, qu'est-ce que try ? Essaie d'enrichissements. Laissez-vous tester un bloc de code d'erreur. Comment vous pouvez voir que ici, si vous enfer, commence votre programme, OK, alors ici vous avez les conditions où vous êtes. Essaie ton noyau. Si vos conditions enfer, pas d'erreurs. Donc, cela va aller au bloc catch et c'est ignorer, désolé, c'est ignorer le bloc catch et puis cela va s'exécuter, ou est-ce correct si ces conditions ont un additif ? Donc, cela va simplement aller à l'essai à nouveau, qui est de réinitialiser votre trie, alors cela exécutera un bloc catch de code. Voyons comment. Vous pouvez voir ici que j'utilise juste try comme mot clé. Ensuite, vous pouvez voir que j'utilise un message d'alerte. Et le message d'alerte est, vous pouvez voir que Harris n'est pas vrai ? Essayez les courses de bloc. D' accord ? Et ici vous pouvez voir qu'après cela, j'utilise juste l'un des messages d'alerte ici à nouveau. Et alerte ici, c'est juste ici et du bloc de temps élevé. Ok, ici vous pouvez voir qu'on leur offre cette course d'hommes des trois états. Vous avez juste à attraper une erreur ici. D' accord ? L' entrée ici est, vous pouvez le voir. Ici vous pouvez voir l'erreur ici est alerte. Et le message d'alerte ici est, ici nous attrapons et l'attrapage est ignoré car il n'y a pas d'erreur. Ok. Ici, vous pouvez voir, gérons ce tribunal. Donc, vous pouvez voir ici c'est un try blocks run and try blocks n parce qu'il
n'y a pas d'erreur ici et aucune exception n'est mise en cache ici. J' espère que tu auras ça ici. Vous pouvez voir ça ou je fais une erreur ici. Comme ici, j'écris alerte, ok ? Maintenant, vous pouvez voir que je viens de sauver ce programme, réinitialiser les blocs d'essai R1. Et puis ici, vous pouvez voir qu'il y a fin. Oui. Ok, ici nous devons trouver une erreur. Et nous sommes en train d'écrire l'alerte. Alerte ici c'est que tu peux voir ça, OK. Ici, j'ai fait une petite erreur. Donc, les variables d'erreur ne sont pas définies ici, ok ? Maintenant, quand je viens de lancer cette vente ici, vous pouvez voir ce bœuf tribal courir en premier. Et puis ici, vous pouvez voir que cela va ignorer ce message d'alerte ici dans le bloc try, et cela va simplement passer au bloc catch ici et attraper votre exception. J' espère que vous comprenez maintenant. Maintenant, le fait est que les blocs try and catch ne fonctionnent qu'avec nos erreurs d'exécution. J' espère que tu auras ça. Ici. Vous pouvez voir qu'ici nous allons exécuter un programme avec Kat, désolé, nous essayons Castro et enfin comme l'exception ici. Ainsi, les déclarations de prix vous permettent de tester le bloc de code comme celui-ci, puis attraper une exception, vous
permettent de gérer l'erreur, puis les déclarations vraies vous permettent de créer une erreur douanière. Et enfin les instructions vous permettent d'exécuter le code après la cravate et attraper. Ok. En ce qui concerne la raison. Maintenant, vous pouvez voir que c'est une prise de temps, mais nous avons déjà étudié. Maintenant, nous allons travailler avec lancer une erreur, ce qui signifie que nous jouons erreur par défaut. Ok, maintenant ici vous pouvez voir qu'ici je crée un nouveau script où je dois lancer une erreur. Ici vous pouvez voir que je dois
définir le corps à l'intérieur de son corps ici je suis juste en train de créer une balise de paragraphe. Nous avons les yeux à droite, que c'est une vraie erreur. D' accord ? Ensuite, ici, je dois créer une entrée et produire un bouton de frappe. Nous sommes la valeur ici est cliquez sur moi. Et puis ici, j'ai droit sur la méthode click. Et pour la méthode onClick ici, nous avons nucléate le nom de la fonction. J' ai déclaré la fonction, qui est là où j'ai commencé qu'il s'agit d'une fonction comme nom de fonction. Et ici, je dois passer ce nom de fonction ou elle pour appeler ce nom de fonction à ce bouton. Ok, accord le plus proche. Et maintenant, vous pouvez voir que je suis en train de détruire et ajouter notre poste de cheveux. Je tourne juste une variable a et une variable a qui est égale à 200. Et puis ici, j'ai la bonne variable B et la variable B, qui est égale à ici, c'est juste 0. Donc ici, je suis juste en train de définir une erreur de division 0. D' accord ? Et ici vous pouvez voir que j'ai le droit, si b qui est égal à 0, b qui est égal à 0. Et ici, j'ai juste l'habitude de « TO » comme mot clé, ok ? Et jeter comme un mot clé ici. Et puis ici vous pouvez voir que j'avais juste là, ceci est divisé par 0. D' accord ? Et ici, je dois le noyau le plus proche. Maintenant, je vais à l'autre condition. Et la condition d'autre ici est que j'ai la bonne variable c et c, qui est égale à a divisé par b. Où vous pouvez voir qu'ici après cela, j'espère attraper cette erreur, cette erreur. Donc ici, j'écris E comme exception ou l'erreur que nous sommes j'avais raison ? Message d'alerte et message d'alerte ici est une erreur. Et l'erreur sera Ken continuations de E, ce qui signifie r. Ici, j'ajoute l'EDA, cette déclaration. D' accord ? Maintenant, vous pouvez voir que je dois exécuter ce code maintenant. Donc, tout d'abord, cela va exécuter les premières déclarations. Et ici, vous pouvez voir que le catch est ignorer à cause d'il n'y a pas d'erreur ici. C' est en cours d'exécution de ce score. Et maintenant, je viens de dire, d'accord, et puis vous pouvez voir que je vais juste cliquer sur ce bouton Cliquez sur moi. Donc ici, vous pouvez voir qu'une erreur de lancer est générée ici, ce qui est une erreur divisée par 0 erreur. Ok, donc vous pouvez utiliser des instructions toy pour écrire vos exceptions intégrées dans votre programme, ou vous devez personnaliser vos exceptions. Donc tu comprends ça. Donc passons à la déclaration finale et les instructions finally vous permettent d'exécuter le code après un trie et le chat indépendamment de la raison comment conduit. Vous voyez. Maintenant, vous pouvez voir cela avec ce noyau et est en train d'écrire un Finalement comme un mot-clé. Et ici, j'utilise juste le message d'alerte. Et le message d'alerte ici est que j'écris HI, je M enfin. D' accord. Et ici, j'ai deux noyau le plus proche. Maintenant, je lance juste ce code trop vite. Vous pouvez voir ici notre instruction try est exécutée. Ensuite, ici l'exception se produit, où cela va passer à la capture. Et maintenant ici, vous pouvez voir qui offert ces, nous passons à la enfin comme le mot clé ici. Espérons que vous comprenez maintenant que ce qui est un adder et ce qui est la gestion des exceptions dans le JavaScript espère que vous obtenez que si vous trouvez
l'un des problèmes à tout moment que vous ne comprenez pas ici dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
67. Le mot clé: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du java est cribbed ES6. Et à l'intérieur de cela, nous allons parler du mot-clé let en JavaScript. Es6 est les spécifications introduisent deux nouvelles façons de déclarer une variable dans le script java avec let et const et le coût comme mot-clé. Dans cette conférence, je vais vous parler de la piste comme mot clé. Le mot-clé let est utilisé pour déclarer les variables dans le script java. Et le mot-clé V-A-R est également utilisé pour déclarer nos variables. Mais la différence clé entre eux est réside dans il y a Cope likes variables dans les variables que nous utilisons dans la fonction est Cope et laissez-moi utilisé dans le bloc est fait face. J' espère que tu auras ça. Pour comprendre le mot-clé let, il est important de comprendre que comment let n variables sont différentes les unes des autres. Ici, je vais vous dire que c'est le vAR en tant que mot-clé et c'est LET comme mot clé. Et cela peut être utilisé pour créer la variable globale. Les deux sont utilisés pour créer le global en tant que variable. Donc, ici à l'intérieur de cette variable V, Comment redéclarer ? Redéclarer les variables et les déclarations D3 sont impliquées ici. Et nous utilisons également ces variables ici à la fonction est portée. Ok. Mais ici dans les variables let, la re-déclaration n'est pas un fort dans la même portée, et ceci est utilisé dans la portée du bloc. Comment vous pouvez voir ici, il y a, je suis juste en train de créer une balise de script ici. Et à l'intérieur de cette balise de script ici, vous pouvez voir que comme je viens définir le journal de points de console où j'ai dû écrire que la valeur du x est ici. Et là, vous pouvez voir leurs yeux définis X. Que fait x où le x ici est ma variable et x qui est égal à dix. Et puis voici écrire x, ce qui est égal à x plus cinq. Donc, comme vous pouvez le voir ici, c'est une variable normale où je scooting ici avec cette fonction est ok. Maintenant, vous pouvez voir que j'ai la console droite, journal des points de
console, ok ? Et ici vous pouvez voir que j'ai juste là, c'est une valeur de x après bloc. Donc, comme vous pouvez le voir ici, cette variable ici est une approche basée sur la fonction, qui est que j'utilise la fonction de console, ok, maintenant ici vous pouvez voir que j'ai la bonne
fonction, fonction qui est égale au doigt comme mot-clé. Et puis ici, vous pouvez voir que je dois simplement
appeler cette fonction nommée en dehors de cette fonction. D' accord ? C' est une fonction ici. Maintenant, vous pouvez voir que je dois aller au navigateur. Et vérifiez ça. Alors inspectez le mode et la console. Donc, vous pouvez voir ici la valeur du x ici est indéfinie et la valeur de x après le bloc ici. Espérons que vous obtenez que c'est juste une approche basée sur des variables ici. Maintenant, nous allons prendre ceci comme le mot-clé let comme une approche ES6 et basée sur le plomb, je crée juste une fonction ici. Alors ici, vous pouvez voir que je ne fais que commenter cela. Donc ici, vous pouvez voir que ce n'est pas le x
n'est pas nul ici et la cravate ne commente pas la ligne. D' accord ? Maintenant, vous pouvez voir que je change juste ceci comme un let, let x est égal à dix et x, ce qui est égal à x plus cinq. Maintenant, vous pouvez voir que je viens de supprimer cette approche basée sur la fonction ici. D' accord ? Maintenant, vous pouvez voir que je viens de diriger ce tribunal. Donc ici, vous pouvez voir que le x n'est pas non ici, vous aide à obtenir cela. Donc, d'abord, vous pouvez voir ici les variables. Vous pouvez voir ici comment nous pouvons déclarer les variables et comment nous pouvons déclarer la LED. Donc, ici, vous pouvez le voir dans un deuxième exemple de la LED. Donc, le lac, je m'en fiche, j'écris juste la ligne numéro 16, qui représente ce X, qui est égal à x plus cinq. Notez donc que ce n'est que non celui défini dans le blog. C' est un bloc de code défini qui est déclaré dans. Ok, maintenant, je ne vais pas vous confondre plus à ce sujet. Ici, c'est juste, cette balise de script à nouveau, nous passons simplement au mot-clé let. Donc, voilà mort. Supposons, laissez mangle. Je suis juste en train de lancer ça comme un bloc est cobe. D' accord ? Maintenant, je n'utilise pas la fonction ici. Maintenant, vous pouvez voir que la couleur de la mangue ici est le tour de glace que jaune. Ok, maintenant ici je commence si mangle et les cheveux de mangue est égal à l'écoulement, alors ici je dois écrire que c'est le laisser et laisser son un mot clé et laisser mangue, qui est égal à Harris, non ? Bleu. Ok, alors ici j'écris la console, le journal des points de console. Et le journal ici est que je viens de mettre en pause la mangue comme variables. Maintenant, vous pouvez voir que j'ai lu le journal de la console et le journal de la console ici est mangle, ok ? Ici, vous pouvez voir que je dois exécuter ce noyau. Donc d'abord, vous pouvez voir ici que nous allons courir bleu et jaune. Donc mangue est déclaré comme le jaune et le numéro de ligne premiers poils ou ici vous pouvez le voir. Mais nous redéclarons la mangue comme le bleu ici avec l'aide de ce mot-clé principal dans cette ligne numéro 26. Donc ici, vous pouvez voir qu'à l'intérieur de ce bloc if, cependant, la sortie est affichée à la mangue est déclarée à l'intérieur du
bloc if et v a un est fait face à ce bloc seulement. Et à l'extérieur de ce bloc V, imprimez
à l'origine la mangue ici pour cette affaire. Tout d'abord, vous pouvez voir ici le bleu est imprimé et ensuite ici nous imprimons à l'origine notre Mango comme le jaune ici. Espérons que vous aurez ça. Maintenant, je vous donne un exemple, un
autre pour vous les gars. On est une étiquette de script à hydrure. Et à l'intérieur de cette balise de script j'avais raison, laissez x qui est égal à un, laissez x qui est égal à un. Alors ici, j'ai raison, si x qui est égal, égal à un. Et ici, vous pouvez voir que j'ai dû écrire let x, ce qui est égal à deux. même chose est le cas comme le jaune et le bleu comme une mangue. Ok, ici vous pouvez voir que j'ai la console droite et le fichier console.log ici, x ici, et puis ici. Après cela, vous pouvez voir que la même chose est le cas comme notre ancien exemple ici, j'écrirais le journal du contrôleur de console et j'imprimerais la valeur ordinale ici, qui est x. ok ? Maintenant, vous pouvez voir que le premier ADN ajouter initialement nous
devons déclarer la valeur de x est un. Et puis ici vous pouvez voir que si x qui est égal à, égal à un, alors ici nous changeons ce code ici, qui est x, qui est égal à deux. Laissez-nous exécuter cette sortie et l'exécuter. Donc, ici, vous pouvez voir que la première année, il imprimera la valeur résultante comme un outil. Et puis nous avons la valeur ici comme celui vu comme un cas comme notre exemple. C' est ainsi que VR louer ou VR créer le mot-clé let dans le script java ES6. Donc j'espère que vous comprenez maintenant cet exemple, si vous ne comprenez pas l'un des points ici dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
68. Le mot clé const: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du mot-clé constant de script Ackman. Les déclarations constantes créent une référence en lecture seule à une variable. Et cela ne signifie pas que la valeur est hold est mutable, juste que l'identificateur de variables ne peut pas être l'Italie est bien. Ok, et les constantes sont la portée du bloc. Rappelez-vous l'annonce et des variables similaires définies à l'aide des instructions let. Les règles suivantes que vous devez appliquer sur le mot-clé de constante de coût dans EC six, où vous avez deux ne peut pas changer les Reyes. Je ne peux pas changer la valeur des variables, et vous ne pouvez pas réaffecter la valeur à une variable comme dans Constant six et constante ES6, vous avez bu, vous ne pouvez pas lire, déclarer vos variables aussi. Et une constante nécessite un initialiseur. Cette constante doit être initialisée lors des déclarations. Vous devez déclarer le coût comme un mot-clé pour muter ou désactiver vos variables. Comment l'héritage ? Ici, vous pouvez voir que je dois écrire ça. Supposons que c'est une balise de paragraphe et ici j'
ai défini l'ID et IE qui est égal à la démo. Et ici, je dois écrire que c'est une balise de paragraphe, d'accord ? Maintenant, ici, j'ai écrit la balise de script où j'ai dû exécuter section ici où vous pouvez voir que je dois d'abord définir le coût comme un mot-clé. Les constantes signifient que la valeur ne peut pas être modifiable. Et ici, j'écris juste 2.3.14, qui est la valeur de i. Et c'est la valeur ici, ok ? Maintenant, vous pouvez voir qu'après avoir déclaré off, après avoir attribué cette valeur, j'écris juste pi à nouveau, qui est égal à 3.14 sauts, vous obtenez cela. Donc, ici, au premier stade, vous pouvez voir qu'il s'agit d'une constante, qui est la valeur n'est pas modifiable. Et puis ici vous pouvez voir que j'ai, je dois réaffecter cette valeur ici, qui est 3.14. D' accord ? Donc maintenant, vous pouvez voir que je dois écrire que c'est attraper un adder ici. Et l'erreur ici est que je dois écrire ce point de document getElementById, où l'id ici est démo. Et puis ici, j'ai écrit que c'est un point HTML interne. Et puis ici vous pouvez voir que je dois générer une erreur ici. D' accord ? Maintenant, vous pouvez voir que l'erreur ici génère une erreur ici que vous ne pouvez pas modifier la valeur. D' accord ? Maintenant, je suis juste en train de diriger ce noyau. Et vous pouvez voir ici que vous ne pouvez pas changer la valeur, qui est ma déclaration ici, qui est mon a, cette balise de paragraphe ici. Et ici vous pouvez voir qu'après cela, vous pouvez voir que c'est une erreur de type et l'affectation à la variable constante, d'accord ? qui signifie que nous ne pouvons pas redéclarer une variable après Constant, notre cette variable espère que vous obtenez
cela, que comment nous pouvons créer une constante dans ES6. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
69. Pour la boucle dans ES6: Salut les gars, bienvenue à cette conférence. Vous avez déjà étudié la boucle for dans le JavaScript. Ici, je vais vous dire que comment vous pouvez créer une boucle for dans ES6, la boucle for exécutera un bloc de code est spécifié le nombre de temps, et il peut utiliser à I28 ou un ensemble fixe de valeurs comme, comme un arabe. Voyons comment nous pouvons créer une boucle for en JavaScript ES6. Ici, vous pouvez voir que je dois créer pour, pour comme mot clé ici. Puis ici, j'ai décrit laisser. Laissez ici, je suis juste en train de créer une variable temporaire ici. Maintenant, vous pouvez voir que je suis juste initialiser la valeur de i et une valeur pour i ici est 0. Puis ici, je frappe J, ce qui est égal à un. Et là, vous pouvez voir ce j, qui est moins de 30. D' accord ? Maintenant, vous pouvez voir que je dois écrire temp, temp, ce qui est égal à i. Et là vous pouvez voir que j'ai bien entendu ? Moi, ce qui est égal à J. Ok ? Ensuite, après cela ici, vous pouvez voir que j'ai raison, coma et G, qui est égal à i et i plus temp. D' accord ? Maintenant, vous pouvez voir que j'ai la console droite, le journal de la console. Et le journal ici est que je suis juste en train d'imprimer la valeur du G ici. Donc ici, vous pouvez voir que je suis juste en cours d'exécution l'
exemple de la série de fibres bien où vous pouvez voir que je dois assigner une plusieurs expressions ici, ok, deux combinant la boucle for. Donc vous pouvez voir ici tout d'abord, je viens de définir les quatre. Ensuite, nous avons un mot clé. Donc, ces deux-là sont le mot-clé. Donc, nous sommes une variable ici. Ensuite, ici, je crée juste ceci comme une variable temporaire et je suis aussi variable temporaire, désolé, je suis aussi un lead a une variable. Et puis ici, nous définissons une valeur du j. Ici. Je suis juste en train de définir l'expression ici. Supposons dans l'exemple variable, qui est une approche basée sur la fonction où vous pouvez voir que vous devez définir laisser supposer que je qui est égal au nombre. Ensuite, vous devez définir i qui est supérieur ou inférieur à, qui est égal à 30. Et puis vous devez définir i plus. Mais ici, vous pouvez voir que je dois définir cela comme quatre, laissez variable temporaire alors ici est définie sur vous. Chaque variable est i, puis ici la variable est j. Ensuite, ici nous définissons la condition variable ici. Ensuite, vous pouvez voir que je commence une variable temporaire, qui est i et i, qui est égal à j et j qui est égal à I plus variable temporaire, ce qui signifie que si vous êtes variable temporaire est égale à I et II ici est 0, ok ? Alors voici 0, ce qui est égal à un dans cette étape, d'accord ? Alors ici, vous pouvez voir celui qui est égal à 00 plus un, ok ? Maintenant, vous pouvez voir que, que notre V1, qui est égal à un plus un. Donc, cela va exécuter la recherche comme ça, ok, à elle initialement cela se traduira par la valeur sera un, puis 12, puis 358, et ainsi de suite. Ok, vérifions la sortie pour ce cours. Et ici, vous pouvez voir que j'ai dû exécuter cela dans le mode d'inspection du navigateur et ici la console. Donc, vous pouvez voir ici la valeur ici est un, ce qui est un deux fois ici. Vous pouvez voir qu'alors ici nous avons 2358132134 juste ici. J' espère que tu comprendras
ça, que comment on peut lancer une boucle pour-boucle dans ES6, ok ? Si vous trouvez l'un des problèmes ici dans cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
70. ÉcritURES de modèle ES6: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de littéraux de modèle en JavaScript. Dans cette conférence, vous apprendrez sur le littéral JavaScript tenté. C' est un amour pour toi de travailler avec nous. Modèle de chaîne simple, ce qui est très facile. Comme point à ES6, vous pouvez utiliser des guillemets simples ou des guillemets doubles pour fouetter un littéral de chaîne. Et la chaîne a une fonctionnalité très limitée vous
permettre de résoudre des problèmes plus complexes, qui est les littéraux de modèle ES6 fournit la syntaxe qui vous permettent de
travailler avec est chaîne d'une manière nourricière et plus propre est notre littéral de modèle. littéraux de modèle sont un littéral de chaîne qui autorise les expressions imbriquées et vous pouvez utiliser des lignes puissantes est des chaînes et des chaînes comme des entités d'interpolation avec eux. Ils sont appelés littéraux de modèle. Ici vous pouvez voir que je suis juste en train d'écrire quelques-uns
du programme suivant pour nos littéraux de modèle où vous pouvez voir leurs yeux, non ? Laissez et laissez ici est des chaînes et les chaînes qui est égal à ici, vous pouvez voir que je dois écrire ces guillemets signe, et ici à l'intérieur est un littéral de modèle. Ok, et j'ai dû fermer ce noyau ici. Donc ici, vous pouvez voir que vous devez définir une chaîne puissante est ici. Et vous pouvez également utiliser la mise en forme de chaîne à votre chaîne ici. D' accord ? Maintenant, vous pouvez voir que si vous obtenez le résultat ici est juste, cette console et le fichier console.log est ici, je dois écrire que ce sont des chaînes et legis vérifier le résultat et la valeur de celui-ci. Où je dois exécuter ce littéral de chaîne. Et vous pouvez voir, vous pouvez le voir en mode inspection et puis ici vous,
donc vous pouvez voir ici que c'est notre littéral de modèle, ok ? Maintenant, vous pouvez également trouver la longueur de votre littéral aussi bien. Comment vous pouvez voir ici j'ai eu le bon point de
console et de console ici j'écris le journal et le journal ici est que je dois écrire des chaînes. Et un point de chaîne. Ici, je trouve juste la longueur de ma chaîne aussi bien. D' accord ? Et vous pouvez également écrire le journal de la console. Et ici, vous avez le bon type de, Vous pouvez également trouver le type de votre mot-clé, type de votre variable ainsi avec l'aide de ce type de mot-clé. Donc ici, vous pouvez voir que nous avons une erreur ici qui est en longueur,
est la longueur de point de chaîne ici. Et vérifions simplement l'erreur. L' erreur ici est ici que je définit la chaîne majuscule. Exécutons juste ce code à nouveau. Donc, vous pouvez voir ici d'abord, nous devons obtenir les modèles rétro, alors la longueur de ce littéral ici est 1027. Et puis ici, nous avons, droite, nous devons obtenir le type est chaîne. Ici, pourquoi nous utilisons les littéraux de modèle ? Supposons ici que je crée juste une clé, je crée juste une variable. La variable ici est une chaîne, un, qui est égal à ici est juste. J' écris juste, supposons ici. Si je viens de définir cette guillemets ici, sorte que vous pouvez voir ici je à l'intérieur ici. Donc, quand je viens de définir ceci, donc vous pouvez voir ici cela ne prend pas comme les guillemets dans votre chaîne. Rebords vérifier avec un littéral de chaîne. Donc, votre littéral de modèle, donc nous sommes juste ici, et voici, le modèle est juste que c'est un littéral de modèle. Et maintenant ici, j'ai écrit console.log. Et le fichier journal ici est que je dois écrire que c'est une chaîne numéro un. Ok, lançons ce code maintenant. Donc vous pouvez voir ici, c'est tournée est venu avec ici. Et ici, vous pouvez voir que c'est un guillemet bien dans votre chaîne. Espérons que vous comprenez maintenant que comment vous pouvez exécuter votre exemple avec le littéral de modèle dans le Java échappé. C' est donc notre exemple aujourd'hui. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
71. Paramètres de fonction par défaut ES6: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler du paramètre de la fonction par défaut dans le java est webbed ES6. Donc, ici, vous verrez que comment nous pouvons gérer le paramètre de notre fonction par défaut. Ici, je crée juste une fonction, fonction qui est bonjour. Ok, donc à l'intérieur de la balise de script, je déclare juste la fonction. Et la fonction ici est Hello. C' est une fonction, la fonction est bonjour. Et je fais ça. D'accord ? Maintenant, vous pouvez voir que je suis juste en pause podomètre comme message. Et ici, vous pouvez voir que j'attribue la valeur à cette valeur est Bonjour. Je suis fonction. Maintenant, comme vous pouvez le voir ici, je frappe la console. fichier journal de point de console est ici, je suis juste en train d'exécuter ce paramètre ici, qui est le message ici. Et comme vous pouvez le voir ici, je suis juste en train d'exécuter cette fonction, ou j'appelle cette fonction ici. Donc, la valeur par défaut du paramètre de message ici est que vous pouvez voir que cela est dans la fonction hello et la valeur de la fonction ici est Bonjour, je suis fonction. En JavaScript, les paramètres de la fonction vous permettent d' initialiser le nom podomètre avec une valeur par défaut. Et si aucune valeur ou undefined n'est transmise dans un héritage de fonction, quelle en est la sortie ? Et ici vous pouvez voir que je vais juste inspecter plus et console ici. Donc, vous pouvez voir ici, c'est la valeur de la fonction. Ici. Vous aide à comprendre maintenant que quel est le paramètre de la fonction par défaut dans ce ES6 en JavaScript ? Si vous trouvez un autre problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
72. Fonctions de flde flde Arrow ES6: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la fonction flèche dans le JavaScript. Les fonctions de flèche ont été introduites avec ES6 comme un nouvel ensemble envoyé décolle l'écriture de la fonction JavaScript. Cette CVS développeur temps et simplifier la fonction est portée. Ici, je vais vous dire que quelles sont les fonctions de flèche ? Les fonctions de flèche sont également appelées la flèche de graisse de vous pouvez, si vous utilisez le café est coupé comme le langage compilé trans. Donc r, ce sont le scientifique le plus concis écrire l'expression de la fonction et ils utilisent un nouveau jeton, qui est laissé supposer est égal et supérieur à signe tiret ressemblent à une flèche grasse. Ici, vous pouvez voir ce qui est égal et supérieur à signe. D' accord ? Donc, les fonctions fléchées de fonction sont anonymes et cela a changé la façon dont cela se lie dans la fonction. D'accord ? Donc, l'expression des fonctions flèche est scientifiquement compact icône nature aux expressions
de fonctions régulières à travers sans est sur la liaison à la, cet argument et super mots-clés, nouveaux mots clés cible de porte. Donc, les fonctions de flèche, les expressions sont situées comme méthode et elles ne peuvent pas être utilisées comme un constructeur. Laissez-nous vérifier l'exemple de la fonction flèche et nous verrons que comment nous pouvons l'utiliser. Donc j'écris juste une balise de script ici. Et à l'intérieur de cette balise de script, j'écris juste la constante comme mot-clé, qui est pour déclarer la variable ici. Supposons donc que j'écris juste des matériaux constants, ce qui est égal à je viens de définir le matériel ici. Donc constante signifie que la valeur ne peut pas changer bien, ok ? Maintenant, vous pouvez voir que les matériaux ici sont d'abord, je suis juste d'écrire les matériaux de voiture. Ok. Ensuite, vous pouvez voir que, comme vous pouvez le voir ici, je crée juste un tableau. Donc c'est à l'intérieur des crochets ici. Ici, vous pouvez voir que j'écris juste le matériel du camion. Alors offrez ces cheveux. Vous pouvez voir que j'ai raison, ce matériel ordinaire. Alors ici vous pouvez voir qu'aux derniers cheveux j'ai essayé ça. Supposons que les matériaux du cycle. Donc, comme vous pouvez le voir ici, je suis juste de définir certains types de AD est ici. Et maintenant, vous pouvez voir que j'en ai juste la longueur. Donc, vous pouvez voir ici, je suis juste en train de définir console.log. Et ici, vous pouvez voir que j'ai dérivé du
matériel, Durham juste en utilisant la carte. Et puis ici, vous pouvez voir que j'avais écrit matériel qui est égal et supérieur à signe, ce qui est un signe de fonction de flèche ici. J' espère que tu auras ça. Maintenant, vous pouvez voir ce point matériel Loc, désolé, Point
matériel ici est défini ou ourlets obtenir la longueur de ces lieux ici. Legis vérifie la sortie attendue pour cet accord. Où vous pouvez voir ici est juste, Je viens de lancer cela dans Google Chrome et puis ici console. Donc vous pouvez voir ici l'air est de la taille ici est quatre, et puis la première valeur Carême ici est 13151515 ici. Donc, vous pouvez voir ici c'est un prototype d'un tableau ici. Ok, j'espère que vous comprenez maintenant. Alors, où utilisons-nous la fonction flèche ? Donc c'est ici, fonction
flèche, qui est une grosse flèche ici. Si vous trouvez que je connaissais le problème concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
73. Cours ES6: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des classes dans ES6. L' orientation d'objet est un logiciel développé dans Paradise Grom qui suit la modélisation du monde réel. Orientations d'objet considèrent un programme comme les collections des objets qui communiquent entre eux via le mécanisme des méthodes. Es6 prend en charge ces composants orientés objet vers l'endroit où vous devez définir l'objet, où vous devez définir ce comportement d'état et l'identité. Ensuite, vous devez déclarer les classes aussi, où une classe dans le terme de orientée objet avec programmation orientée objet, qui est un plan pour créer l'objet et une classe encapsuler les données de l'objet, alors vous devez utiliser les méthodes aussi. Vous pouvez également utiliser le constructeur et la fonction. Ainsi, le constructeur est responsable de l'allocation de la mémoire d'un objet dans la classe et les fonctions représentent l'action de l'objet peut prendre. Prenons l'exemple de la création d'une classe et de la création de l'objet dans l'ES6. Ici vous pouvez voir que nous allons créer une classe. La classe ici est que je crée juste une classe de polygone. Nous sommes, vous devez voir ça d'abord, je suis juste en train de créer le constructeur. Donc, comme je vous dis juste que le constructeur ici pour allouer la mémoire, où je dois définir la hauteur variable. Et le mouillé. Ici, je viens d'écrire cette hauteur de point, qui est égale à IS droite, que c'est une hauteur ici. Puis ici après cela, j'utilise juste ce point W. Donc W est pour humide, et ici j'ai dû définir la largeur de cela. Maintenant, je devrais définir le test. Donc je teste juste ces conditions qui contrôlent ou se connectent. Et le journal ici est i est défini, c'est la hauteur du polygone. Et là, vous avez vu que j'avais raison, ce point bord. D' accord ? Maintenant, vous pouvez voir que j'ai dû définir humide et humide du polygone. Et ici, il est défini je point w ici, désolé, ce point w ici. Maintenant, ici, je conteste l'instance de la classe ici où vous pouvez voir que les cheveux sont teints OBJ Pauli, ok, où vous pouvez voir cet objet ici et ici est un nouveau. Et nouveau. Voici un polygone est dans un nom de classe. Et puis ici, je définit la hauteur qui est 20 et où est égal à 250 ici. D' accord ? Maintenant, vous pouvez voir que j'ai droit OBJ, OBJ polly dot ici. Je suis juste en train d'exécuter la fonction de test ici. Donc, dans cet exemple, vous avez vu que nous créons une classe qui est un polygone. Et le constructeur de classe prend deux arguments ici, qui est la hauteur et le vétérinaire, qui respectent respectueusement v. Ok, donc ici vous pouvez voir que je viens d'utiliser ce mot-clé. Donc, ces mots-clés font référence à l'instance actuelle de la classe qui est masquée, puis le mouillé. En d'autres mots constructeur ici est initialisé deux variables, qui est h et w, avec la valeur des paramètres passée au constructeur. Ici, vous pouvez voir que je suis juste en train d'exécuter les fonctions de test dans la classe, qui imprime la valeur de la hauteur et de la largeur. D' accord ? Rendre les scripts fonctionnels. L' objet de la classe ici est créé dans cet objet mal. Donc ici, vous pouvez voir que cela fait référence à une variable ici et ici je conteste l'objet. Ok, vérifions juste la sortie pour ça. Et vous pouvez voir ici, je vais juste inspecter plus et console. Vous pouvez donc voir ici la hauteur du polygone est de 20 et la largeur du polygone ici est de 50. C' est ainsi que vous pouvez déclarer vos classes dans ES6. J' espère que vous comprenez maintenant si vous ne comprenez pas le point ici, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
74. Les paramètres de repos: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, vous apprendrez comment utiliser le podomètre de repos
Javascript pour recueillir le paramètre et les mettre dans le tout en arabe. Comment ES6 fournit un nouveau type de paramètres. Donc carte, podomètre, arrêt podomètre qui a un préfixe de trois points. Les podomètres de repos vous permettent de représenter un nombre indéfini d'arguments comme un eddie. Comment peux-tu voir ça ? Supposons que ce soit un intérieur de cette balise de script. Je crée juste une fonction. La fonction ici est, vous pouvez voir que c'est une fonction et ici je Stride paramètre a, b. Et ici vous pouvez voir que j'écris juste trois points où je viens de vous dire. Et puis ici, je viens de définir des arguments dedans. Donc dernier argument podomètres est préfixé avec trois points, qui est appelé podomètre de repos. Tous les arguments que vous publiez dans les fonctions seront mappés à une liste de podomètre dans le texte envoyé ici vous pouvez voir. Et le premier argument est mappé à un, et le second argument est mappé à B. Et le troisième, quatrième, etc, sera aussi déchiré dans le paramètre de repos, qui est l'argument, ok ? En tant que modification. Ici, vous pouvez voir que je suis juste en cours d'exécution exemple. Vous les gars, nous sommes là. Vous pouvez voir qu'il s'agit d'une fonction. Et ici, vous pouvez voir que c'est un argument. Ok. Et maintenant, vous pouvez voir que je reçois juste la valeur de retour des arguments. Voici les arguments ici. Je suis juste en train de définir le rouge Reduce. Donc, comme vous pouvez le voir ici, que je suis juste en train de définir le podomètre de repos ici. Maintenant, ici, je viens d'écrire que c'est un aperçu ou des cheveux. Il a raison que c'est précédent. Et puis ici, après cela, vous pouvez voir que je suis juste en train de définir le paramètre comme le courant ici. D' accord ? Où je viens de définir cette fonction de flèche. Et maintenant, vous pouvez voir que je dois définir la valeur de retour. Et la valeur de retour ici est précédente plus coupe. D' accord ? Et j'avais deux noyau le plus proche ici. Maintenant, vous pouvez voir leurs yeux définir coupure, consoled ou log valeur. Où tout d'abord, j'ai entendu définir le nom de la fonction ou je dois appeler le nom de la fonction où je somme juste ces valeurs que nous sommes, vous pouvez voir que Harris, droit, 1234. Et après ces cheveux, vous pouvez voir que j'ai la console droite et le fichier
console.log ici est que je dois définir la fonction. Je dois appeler la fonction. On est de la glace, non ? 12456. Ok, et ici je dois fermer le score. Maintenant. Je suis juste en train de lancer ça dans le navigateur. Donc, vous pouvez voir ici inspecter la console. Donc la première valeur ici est dix, puis 18. Donc dix ici, c'est 236 et dix. Et là, vous pouvez voir ce saumon. Et ici vous pouvez voir le 1313 plus six. Voici, vous pouvez voir que la valeur ici est 18. D' accord ? Ceci est notre podomètre de repos en JavaScript ES6. J' espère que vous comprenez maintenant, si vous ne comprenez aucune des plantes ici dans cette conférence, s'il vous plaît laissez-moi savoir. Et merci d'avoir regardé cette conférence.
75. L'opérateur de l'écarte: Salut les gars, bienvenue à cette conférence. Dans cette conférence, vous apprendrez sur le JavaScript est assez opérateur qui est étalé sur les éléments d'un objet itérable. Es6 fournit un nouvel opérateur, qui est la carte est joué opérateur qui se compose de trois points comme semblent podomètres de repos. Donc, ils diviser les opérateurs vous permettent de diviser l'espoir de l'élément et les objets
rotatifs tels qu'un ajouter un ensemble de cartes, etc. Ici vous pouvez les voir. Et comme vous trouvez cette balise de script, et à l'intérieur de cette balise de script, je suis juste en train de définir la constante comme un mot-clé ou quoi que ce soit. Donc, je viens d'essayer constante ou qui est égal à ici, m définit l'ajout là. Supposons un à cinq, désolé, une virgule deux virgule cinq. Ok. Alors ici, donc une virgule trois, virgule phi parce qu'on est là, je crée juste le numéro de commande Eddie. Et ici le saumon aussi. Ok, maintenant vous pouvez voir que j'ai juste constante. Et la constante ici est que je définit juste une autre variable qui est combinée et le combiné qui est égal à ici, il est juste que c'est, supposons 2468. Et ici vous pouvez voir que je suis en train de définir l'opérateur de grille où j'ai dû redéfinir trois points sinus. Et puis ici, j'ai écrit ou si r est ma variable ici. Ici, je dois écrire la console, le fichier
console.log, où vous pouvez voir qu'ici je suis juste en train d'exécuter cette valeur combinée. Ok. C' est ma variable ici. Alors vérifions cette sortie dans le navigateur et inspectons la console. Et ici vous pouvez voir qu'Eris en a huit. Donc ici vous pouvez voir que je suis juste combiné ces deux valeurs sans constante. Donc 2468123 et cellule ou une valeur égale ici, ok ? Maintenant, ici dans cet exemple, vous avez vu que l'accent principal ici est, est opérateur payant, où l'opérateur de spin est situé dans la zone 4d ici, où vous pouvez voir que ce sont les signes $3 et l'opérateur de bande est déballer l'élément de un tableau ici. D' accord ? Nous utilisons donc aussi ces trois points science pour les paramètres de repos. Mais les podomètres Dreze utilisent comme arguments dans votre fonction. Mais ici, vous pouvez voir que nous utilisons ceci comme un opérateur ici. J' espère que vous aurez ça. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
76. Débordement de DES6: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de perturber l'affectation en JavaScript. Les affectations de perturbation vous permettent d'affecter les propriétés d'un tableau ou objet à une variable en utilisant la phrase qui ressemble à des littéraux de tableau ou d'objet. destruction des affectations est une fonctionnalité la plus cool qui vient avec ES6. perturbation des affectations est un Java est des expressions qui permettent de décompresser la valeur des zones ou des propriétés des objets dans la variable distincte. Autrement dit, nous pouvons extraire les données du tableau et des objets et les affecter à une variable. Regardez la question pourquoi, pourquoi il est nécessaire d'utiliser des affectations de destruction. Voyons, imaginez v0, v1 pour extraire des données de LA. Alors, comment cela sera fait, vous avez déjà étudié le tableau. Maintenant, vous pouvez voir que je crée juste une variable. Variable ici est, vous pouvez voir que je suis en train de fouler l'intro variable, ce qui est égal à, Je suis juste en train de visser la flèche aérer. Donc très haut site. Ici, j'écris i. Puis ici j'écris je m. Et ici vous pouvez voir que je crée juste une autre variable, désolé, sous tableau indexé ici et ici c'est, à droite, ce programmeur haute funky. D' accord ? Donc ici, comme vous pouvez le voir, je crée juste le tableau. Et puis ici vous pouvez voir que je distribue la variable. Variable ici est que j'écris ceci est une variable pour la salutation. Et là, je suis discret pour obtenir cet Adi, et je veux juste imprimer les voies respiratoires sur le numéro d'index 0. C' est le cas comme ici. Je suis juste, je veux juste imprimer, supposons que le nom et le nom ici sont, je veux juste imprimer le nom de ce funky ici. Donc vous pouvez voir ici, je veux juste imprimer, désolé, 0123. Et donc je voulais juste imprimer cet index numéro 3 ici, qui est mon nom. Ok. Donc ici comme vous pouvez le voir que je viens juste d'indexer les valeurs ici, qui est 03. D' accord ? Donc d rho 0 est élevé. L' entrée ici est funky. D' accord ? C' est une zone normale, ce que je décris ici, ok. Maintenant, vous pouvez voir que je suis mois droit âme console.log. Et puis ici d'abord, je suis juste d'imprimer cette salutation variable. Et puis ici après cela, je dois imprimer ce nom de variable. Et ici, vous pouvez voir que je veux juste imprimer le nom ici. Ok, maintenant vous pouvez voir que je cours ce programme et aller à la console. Et ici, vous pouvez voir. Il nous imprimera normalement l'index 0 et l'index numéro trois, ce qui est notre funky ici. Donc, nous pouvons voir que lorsque nous voulons extraire les données du tableau, nous avons dû faire la même chose encore et encore signifie si vous voulez obtenir la valeur du numéro d'index 0, donc nous devons obtenir la valeur 0000 encore et encore. Ainsi, les affectations de destruction ES6 facilitent l'extraction des données. Comment faire cela ? Alors voyons juste maintenant. Maintenant, je suis juste en cours d'exécution exemple en éliminant un exemple de base sur cette perturbation des affectations destructrices. Maintenant, vous pouvez voir que je cygne pour imprimer le script. Maintenant, ici, je viens juste d'avoir cette époque ici. Donc, vous pouvez voir ici c'est mon ajout. Maintenant, je suis juste en train de créer la variable. Variable. Voici d'abord, vous pouvez voir que je supprime juste la variable ici. Tout d'abord, c'est la variable pour saluer. Et puis ici, si vous voulez obtenir le nom, si simple, vous devez écrire le nom ici. Alors qui est égal à Harris, n'est-ce pas ? Intro. J'espère que tu auras ça. Maintenant, j'ai la console d'écriture, le fichier journal de la console. Et puis ici après ça, je reçois juste des salutations. Désolé, je viens de recevoir des salutations. Et puis ici, je vais obtenir Console et console.log. Et connectez-vous ici, c'est que je dois prendre le nom de ça. Ou ici vous pouvez voir que nous avons déjà le nom. Donc ici, je suis en train d'écrire ça. J' ai juré d'imprimer le pronom. Et ici vous pouvez voir que le pronom ici, ok, maintenant ici vous pouvez voir vos yeux aller au navigateur et rafraîchir ceci. Donc, vous pouvez voir ici la politique qui va m'imprimer le message de lecture qui est élevé, et puis cela va m'imprimer le pronom, qui est moi ici. D' accord ? Donc, comme vous pouvez le voir ici, que la façon dont on peut assigner un basique est la destruction par camion, ok ? Maintenant, vous pouvez voir que comment je déclare juste une variable avec ceci,
ok, maintenant ici vous pouvez voir que c'est une balise de script. Maintenant, je suis juste de copier ceci et d'imprimer ici. Puis ici, je viens d'enlever cet air est des valeurs et ici vous pouvez voir. Donc, c'est ma variable ici où je suis juste en train de créer, ce qui est la salutation et le pronom. J' espère que tu auras ça. Maintenant ici avec l'aide de ces variables. Donc, j'attribue juste les variables à ces tableaux. Donc, comme vous pouvez le voir ici, que c'est salutation et le pronom ici. Maintenant qui est égal à salut, je suis programmeur funky. Et apparemment tu veux juste arriver ici. Donc, comme vous pouvez le voir, je viens de le reformuler pour que vous puissiez voir ici floue qui imprimera salut, et puis j'entends, espère que vous obtenez que comment nous pouvons utiliser ou comment nous pouvons attribuer les variables avant, comment nous pouvons déclarer les variables avant d'assigner. Maintenant, vous pouvez remarquer ici qu'une variable est définie de gauche à droite, comme vous pouvez le voir ici. Donc, la première variable obtient le premier élément dans le tableau et les deuxième variables obtiennent les secondes variables dans le tableau et ainsi de suite. Si vous voulez imprimer une partie de l'autre valeur comme I, M, Et puis ici, vous devez créer une autre variable. D' accord ? Donc, c'est comment nous pouvons déclarer les variables avant l'affectation dans la méthode de destruction. Ok, j'espère que vous obtenez cela et votre concept est beaucoup plus clair sur ce sujet aujourd'hui, qui perturbe l'affectation. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
77. Destructuring ES6 Des-: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des générateurs de script java. Le générateur de scripts java ou les fonctions de générateur sont l'une des fonctionnalités les moins connues des scripts Ekman. C' est ce qui est ES6. Ils peuvent avoir l'air un peu bizarres. Dans cette conférence, je vais vous dire que comment vous pouvez l'utiliser. Donc maintenant vous pouvez voir ce que notre générateur, générateur se trouve quelque part entre les traîtres et les fonctions. La façon dont les fonctions normales fonctionnent est très simple. Lorsque vous appelez une fonction, elle reviendra jusqu'à ce qu'elle se termine. Il exécutera tout le code à l'intérieur ou jusqu'à ce qu'il rencontre l'instruction return. Je Twitter le travail de la même manière. Comment prenons l'exemple de la boucle for et imaginons que vous avez un tableau avec des données ou que vous voulez utiliser pour la boucle dois-je trader ou il, quand la boucle for démarre, il retournera, il exécutera le Until, il fonctionnera jusqu'à ce qu'il s'arrête par les conditions que vous spécifiez. Ou il identifiera que c'est ce qui distingue entre le script java I traîtres des fonctions et je traîtres. Désolé, les générateurs de script java des fonctions. Et la première différence est que le générateur n'exécutera pas leur code lorsque vous les impliquez. Au lieu de cela, ils retourneront est l'objet PESTLE, qui est appelé générateur. La deuxième différence est que contrairement à une boucle, vous n'obtiendrez pas toute la valeur à la fois. Lorsque vous utilisez Generator installé, vous obtenez chaque valeur seulement si vous voulez frapper espère que vous obtenez cela. Sachez quels sont les avantages du générateur et pourquoi nous les utilisons. Il s'agit d'un modèle d'évolutions qui retarde l'évolution d'une expression jusqu'à ce que sa valeur soit nécessaire. Le générateur, notre mémoire efficace et c'est comme identifier la zone répétée et les techniques de génération sont identifiants. D' accord ? Maintenant, vous pouvez voir qu'ici nous allons exécuter des exemples sur le générateur ici. Donc le premier exemple ici est que je lance juste un exemple de fonction régulière d'abord pour vous les gars. Pour votre meilleure compréhension. Ici, vous pouvez voir que j'ai dû écrire la fonction qui est ABC. Et là, vous pouvez voir que je dois écrire ça. Supposons que ce soit la console et console.log ici est que j'ai écrit que c'est moi. Alors ici, vous pouvez voir cette haute glace, non ? Je, puis ici j'écris M programmeur funky. D' accord ? Maintenant, vous pouvez voir que c'est le nom de la fonction qui est ABC. Et ici, vous pouvez voir que ce sont quelques-unes des valeurs que je viens d'assigner ici. Et ici vous pouvez voir que je dois écrire que c'est ABC et j'
appelais cette fonction ici. Maintenant, vous pouvez voir que je viens de lancer cela dans le navigateur. Et vous pouvez voir ici les valeurs résultantes, qui est Salut, je suis programmeur funky. C' est une fonction normale. Ce que nous avons déjà étudié. Maintenant, vous pouvez voir ça comme nous le pouvons. Convertir une fonction régulière en générateur de fonctions ou le générateur. Ici. Vous pouvez voir que personnellement je suis juste écrire le statique à elle, qui est Tarik ABC ou ici vous pouvez voir qui est Tarik générer. Donc tu comprends ça. Donc, comme vous pouvez le voir ici maintenant, notre nom de fonction est généré, ou si vous voulez écrire a, b, c, deux, c'est à vous de choisir. Maintenant, ici, vous pouvez voir que je dois écrire le journal des points de console. Ici, vous pouvez voir que je dois écrire ça. C' est que je dois écrire ceci est en marche et a marché ses yeux, non ? C' est la première fois. Donc, je veux juste impliquer cette fonction. Et là, vous pouvez voir que je dois écrire ça en marchant deuxième fois. D' accord ? Maintenant, vous pouvez voir que j'ai raison ? Pourtant, en tant que mot clé. Ok, mais comme un mot clé, OK, la première fois. Et puis ici, vous pouvez voir que j'ai raison, crié et crié pour ajouter le deuxième bronzage. Donc, à First, vous avez vu que nous avons tenu à droite est de prendre d'abord avec le mot-clé fonction, comme vous pouvez le voir ici, pour faire cette fonction comme un générateur. Donc c'est statique. Static donne que les fonctions de taux d'ordre du jour ou c'est maintenant, ce n'est pas une fonction normale ici. D' accord ? Lors de la deuxième déclaration, vous avez vu que nous avons bien encore des instructions vis retourner une valeur et mettre en pause l'exécution de la fonction. Espérons que tu comprendras ça, que comment on peut utiliser les déclarations de crier, d'accord ? Encore une fois, je vais vous expliquer ces déclarations de crier. Donc, comme vous pouvez le voir, ce crié, Voici un mot-clé. C' est un peu comme le retour mais pas retourné. Simplement la dette reviendra après un appel de fonctions et il ne vous permettra pas de faire quoi que ce soit après avoir retourné cette déclaration. Ok, maintenant vous pouvez voir que je dois exécuter ce code ici. Et ici, vous pouvez voir que notre, désolé, oui, ok. Ici, nous avons une petite erreur où nous avons, vous pouvez voir qu'ici nous avons le bon ABC, ok. Et ici, je dois écrire laisser gen lead, qui est égal à ici, c'est juste, générer. Comme vous pouvez le voir ici, j'ai juste un générateur ici. Et donc ici je suis juste, j'invoque juste le générateur ici, pâtes, vous n'avez rien vu dans la console comme vous pouvez le voir ici si je fais ça. Donc tu peux voir ici, d'accord. Et après ça, vous pouvez voir ici, j'ai juste raison. Je viens d'essayer console, console.log et connectez-vous ici est que je viens d'imprimer générateur ici. Maintenant, juste rafraîchir. Donc ici vous pouvez voir que le générateur ici est suspendu ,
ok, quand je clique juste dessus. Donc, vous pouvez voir ici que l'état du générateur est suspendu. Et ici, vous pouvez voir que c'est un récepteur de fonction. Et les champs ici sont trois. Ceci est un exemple de ce que nous créons sur les livres du générateur en parlant des exemples plus sur le générateur ici, où vous pouvez voir que j'ai droit scape, Désolé, balise script. Où vous pouvez voir qu'ici j'avais la bonne fonction. Et la fonction ici est, est fatigante. Cas similaire comme notre exemple ici est juste, abc. Ok, maintenant, j'écris laisser. Laissez ici est l'index sur 0. Maintenant, vous pouvez voir que je dois écrire while loop. Alors que la boucle est ici la déclaration. Si l'instruction ici est vraie, signifie que le 0, donc vous devez simplement écrire encore comme un mot-clé. Et puis ici, j'ai le bon index et index plus, plus, qui est mon opérateur d'incrément. D' accord ? Donc, ceci est, ce sera mon opérateur d'incrémentation ici. Maintenant, après cela, vous pouvez voir ici j'ai écrit laisser F, qui est égal à, ici j'ai écrit que c'est abc. Donc, c'est un objet où je dis ici. Donc, c'est supposé notre variable et ici j'appelle juste la fonction. Ok, maintenant pour cela ici, je dois écrire un fichier consolé ou journal où j'ai écrit f point prochaine valeur, désolé, f point prochaine valeur. D' accord ? Donc, c'est F point prochaine valeur. Et là, je dois fermer ça. Donc mon prochain que vous entendez, prochaine brûler vos cheveux sera attendu résultat comme 0, puis ici un, puis deux. Ok, vous pouvez voir ici. Maintenant, allez dans le navigateur, actualisez ceci. Donc ici, vous pouvez voir que la valeur ici est 0 que la valeur
fausse un puis tombe, valeur2 puis tombe. Donc, ici, nous avons trois valeurs et index y, c'est deux valeurs, comme vous pouvez le voir ici. C' est ainsi que vous pouvez voir que nous allons imprimer nos générateurs ici. Espérons que vous obtenez cela, qu'est-ce qu'un générateur et comment nous utilisons, et quel est l'avantage de la rangée de pied de page de nombreux avantages de celui-ci ? Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
78. Générateurs ES6: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler des générateurs de script java. Le générateur de scripts java ou les fonctions de générateur sont l'une des fonctionnalités les moins connues des scripts Ekman. C' est ce qui est ES6. Ils peuvent avoir l'air un peu bizarres. Dans cette conférence, je vais vous dire que comment vous pouvez l'utiliser. Donc maintenant vous pouvez voir ce que notre générateur, générateur se trouve quelque part entre les traîtres et les fonctions. La façon dont les fonctions normales fonctionnent est très simple. Lorsque vous appelez une fonction, elle reviendra jusqu'à ce qu'elle se termine. Il exécutera tout le code à l'intérieur ou jusqu'à ce qu'il rencontre l'instruction return. Je Twitter le travail de la même manière. Comment prenons l'exemple de la boucle for et imaginons que vous avez un tableau avec des données ou que vous voulez utiliser pour la boucle dois-je trader ou il, quand la boucle for démarre, il retournera, il exécutera le Until, il fonctionnera jusqu'à ce qu'il s'arrête par les conditions que vous spécifiez. Ou il identifiera que c'est ce qui distingue entre le script java I traîtres des fonctions et je traîtres. Désolé, les générateurs de script java des fonctions. Et la première différence est que le générateur n'exécutera pas leur code lorsque vous les impliquez. Au lieu de cela, ils retourneront est l'objet PESTLE, qui est appelé générateur. La deuxième différence est que contrairement à une boucle, vous n'obtiendrez pas toute la valeur à la fois. Lorsque vous utilisez Generator installé, vous obtenez chaque valeur seulement si vous voulez frapper espère que vous obtenez cela. Sachez quels sont les avantages du générateur et pourquoi nous les utilisons. Il s'agit d'un modèle d'évolutions qui retarde l'évolution d'une expression jusqu'à ce que sa valeur soit nécessaire. Le générateur, notre mémoire efficace et c'est comme identifier la zone répétée et les techniques de génération sont identifiants. D' accord ? Maintenant, vous pouvez voir qu'ici nous allons exécuter des exemples sur le générateur ici. Donc le premier exemple ici est que je lance juste un exemple de fonction régulière d'abord pour vous les gars. Pour votre meilleure compréhension. Ici, vous pouvez voir que j'ai dû écrire la fonction qui est ABC. Et là, vous pouvez voir que je dois écrire ça. Supposons que ce soit la console et console.log ici est que j'ai écrit que c'est moi. Alors ici, vous pouvez voir cette haute glace, non ? Je, puis ici j'écris M programmeur funky. D' accord ? Maintenant, vous pouvez voir que c'est le nom de la fonction qui est ABC. Et ici, vous pouvez voir que ce sont quelques-unes des valeurs que je viens d'assigner ici. Et ici vous pouvez voir que je dois écrire que c'est ABC et j'
appelais cette fonction ici. Maintenant, vous pouvez voir que je viens de lancer cela dans le navigateur. Et vous pouvez voir ici les valeurs résultantes, qui est Salut, je suis programmeur funky. C' est une fonction normale. Ce que nous avons déjà étudié. Maintenant, vous pouvez voir ça comme nous le pouvons. Convertir une fonction régulière en générateur de fonctions ou le générateur. Ici. Vous pouvez voir que personnellement je suis juste d'écrire le statique à elle, qui est Tarik ABC ou ici vous pouvez voir que c'est Tarik générer vous aide à obtenir cela. Donc, comme vous pouvez le voir ici maintenant, notre nom de fonction est généré, ou si vous voulez écrire a, b, c, deux, c'est à vous de choisir. Maintenant, vous pouvez voir que je dois écrire le journal des points de console. Ici, vous pouvez voir que je dois écrire ça. C' est que je dois écrire ceci est en marche et a marché ses yeux, non ? C' est la première fois. Donc, je veux juste impliquer cette fonction. Et là, vous pouvez voir que je dois écrire ça en marchant deuxième fois. D' accord ? Maintenant, vous pouvez voir que j'ai raison ? Pourtant, comme un mot clé. Ok, mais comme un mot clé, OK, la première fois. Et puis ici, vous pouvez voir que j'ai raison, crié et crié pour ajouter le deuxième bronzage. Donc, à First, vous avez vu que nous avons tenu à droite est de prendre d'abord avec le mot-clé fonction, comme vous pouvez le voir ici, pour faire cette fonction comme un générateur. Donc c'est Tadic genre, esthétique donne que le taux d'agenda fonctionne ou c'est maintenant, ce n'est pas une fonction normale ici. D' accord ? À la deuxième déclaration, vous avez vu que nous avons raison encore des déclarations vis retourner une valeur et mettre en pause l'exécution de la fonction vous aide à obtenir cela,
que la façon dont nous pouvons utiliser des instructions de hurlement, ok ? Encore une fois, je vais vous expliquer ces déclarations de crier. Donc, comme vous pouvez le voir, ce crié, Voici un mot-clé. C' est un peu comme le retour mais pas retourné. Simplement la dette reviendra après un appel de fonctions et il ne vous permettra pas de faire quoi que ce soit après avoir retourné cette déclaration. Ok, maintenant vous pouvez voir que je dois exécuter ce code ici. Et ici vous pouvez voir que notre, désolé, oui, ok. Ici, nous avons une petite erreur où nous avons, vous pouvez voir qu'ici nous avons le bon ABC, ok. Et ici, je dois écrire laisser gen lead, qui est égal à ici, c'est juste, générer. Comme vous pouvez le voir ici, j'ai juste un générateur ici. Et donc ici je suis juste, j'invoque juste le générateur ici, pâtes, vous n'avez rien vu dans la console comme vous pouvez le voir ici si je fais ça. Donc tu peux voir ici, d'accord. Et après ça, vous pouvez voir ici, j'ai raison. Je viens d'essayer console, console.log et connectez-vous ici est que je viens d'imprimer générateur ici. Maintenant, juste rafraîchir. Donc ici vous pouvez voir que le générateur ici est suspendu, ok, quand je clique juste dessus. Donc, vous pouvez voir ici que l'état du générateur est suspendu. Et ici, vous pouvez voir que c'est un récepteur de fonction. Et les champs ici sont trois. Donc, c'est un exemple de ce que nous créons sur les livres du générateur en parlant des exemples plus sur le générateur ici, où vous pouvez voir que j'ai droit scape, Désolé, balise script. Où vous pouvez voir qu'ici j'avais la bonne fonction. Et la fonction ici est, est fatigante. Cas similaire comme notre exemple ici est juste, abc. Ok, maintenant, j'écris laisser. Laissez ici l'index sur 0. Maintenant, vous pouvez voir que je dois écrire while loop. Alors que la boucle est ici la déclaration. Si la déclaration ici est vraie, signifie que le 0, donc vous devez simplement écrire crié comme un mot-clé. Et puis ici, j'ai le bon index et l'index est plus, plus, qui est mon opérateur d'incrément. D' accord ? Donc, ceci est, ce sera mon opérateur d'incrémentation ici. Maintenant, après cela, vous pouvez voir ici j'ai écrit laisser F, ce qui est égal à ici, j'ai écrit que c'est abc. Donc, c'est un objet lampes qui arrive ici. Donc, c'est supposé notre variable, et ici j'appelle juste la fonction. Ok, maintenant pour cela ici, je dois écrire un fichier consolé ou journal où j'ai écrit f point prochaine valeur, désolé, f point prochaine valeur. D'accord ? Donc, c'est F point prochaine valeur. Et là, je dois fermer ça. Donc mon prochain que vous entendez, prochaine brûler vos cheveux sera attendu résultat comme 0, puis ici un, puis deux. Ok, vous pouvez voir ici. Maintenant, allez dans le navigateur, actualisez ceci. Donc ici, vous pouvez voir que la valeur ici est 0 que la valeur fausse un puis tombe, valeur2 puis tombe. Donc, ici, nous avons trois valeurs et index y, c'est deux valeurs, comme vous pouvez le voir ici. C' est ainsi que vous pouvez voir que nous allons imprimer nos générateurs ici. Espérons que vous obtenez cela, qu'est-ce qu'un générateur et comment nous utilisons, et quel est l'avantage de la rangée de pied de page de nombreux avantages de celui-ci ? Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
79. Les générateurs sont des iterable en ES6: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de ce que les générateurs sont l'os glacé et l'objet est un itérable si elle définit le comportement des nutritions telles que ce que les valeurs sont en boucle ou dans quatre, construire. Certains types intégrés tels que Eddie ou mappe le comportement des itérations par défaut. Alors que d'autres types tels qu'un objet ne sont pas dans le
but d'activer un objet doit implémenter je traître important. Cela simplifie. Cela signifie simplement que l'objet ou l'un des objets de ses chaînes prototype, chaîne doit avoir une propriété avec un symbole point i Turquie. Je triple objets est nos généralisations d'ajout. La dette est un concept qui nous permet de rendre n'importe quel objet utilisable ou utilisable dans un for, of loop. Ok, bien sûr, à un inscriptible. Mais il y a beaucoup d'autres objets intégrés de Belton qui sont des problèmes oculaires comme j'espère que vous comprenez maintenant. Maintenant, vous pouvez voir là que je suis juste de générer ou je suis aux prises avec un
des exemples ici et rendre votre concept plus clair. Donc, comme vous pouvez le voir, balise de script. Ici, j'ai la fonction d'écriture, la fonction. Je fais juste cette fonction comme un générateur. Donc ici, vous pouvez voir que j'avais où je génère et génère ici. Et maintenant, vous pouvez voir que je devais écrire que cela est gelé comme un mot-clé, valeur numéro un, puis ici quand le nombre 23. Donc, comme vous pouvez le voir, eh bien, vous en savez 23 ici. D' accord ? Et ici, vous pouvez voir que je commence la glace, non ? Qu' il s'agit d'une valeur de retour. Maintenant, j'ai raison, laissez, voici, vous pouvez voir que cela est généré, ce qui est égal à Harris écrivain, c'est une valeur générée. Donc, comme vous pouvez le voir ici, c'est une variable ici. Et maintenant, vous pouvez voir que j'ai droit pour la boucle pour laisser la valeur de générer. D' accord ? Maintenant, vous pouvez voir que je dois imprimer le message d'alerte sur les valeurs. Donc, cela va imprimer la valeur 12, pas trois. D'accord ? Maintenant, vous pouvez voir que je vais vous dire une autre chose ici, que la façon dont nous utilisons les itérations. L' itérateur de script java est un objet qui est défini une séquence de potentiellement valeur de retour à cette fin. Comme vous pouvez le voir ici dans notre dernier exemple que nous avons les valeurs et fait les lieux signifie que la valeur suivante dans la séquence d'itération avec 012, puis est une vraie moyenne dense. Ceci est vrai si la dernière valeur de la séquence a déjà été consommée. Si la valeur est présente le long du côté, alors c'est le I triple E retournera les valeurs ici. D' accord ? Maintenant, ici, vous pouvez le voir, vérifions simplement la sortie pour cela. Et ici, je faisais cette sortie. Comme vous pouvez le voir ici, que cette sortie n'exécute pas le résultat ici. D' accord ? Alors vérifions maintenant à nouveau que ce que nous, quelle erreur nous avons fait ici. Ici, on a fait une petite erreur là-bas. Nous voulons obtenir cette variable ici. Ok, maintenant je suis juste juste rafraîchissant ça. Donc, vous pouvez voir ici d'abord, nous obtenons le message d'alerte sur la valeur un, puis deux. Donc c'est comme ça que nous pouvons i échangeables aij i trouble ou le générateur. Donc, vous pouvez voir ici à cet effet, j'utilise juste la boucle FOR ici. Donc j'espère que vous comprenez maintenant et si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
80. Méthode symbol.Iterator: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler de la méthode de l'itérateur de point de symbole. Symbole point i traître est le protocole qui fait de l'objet de l'otan comme Eris set et cartes IT double la table de l'élément en fournissant un espoir dans les fonctionnalités de langage comme pour les boucles. Et il y a l'opérateur de propagation. Ici. Je fais juste les exemples. Est-ce que vous les gars où nous allons vérifier que la façon dont nous utilisons la méthode de l'itérateur de symbole Seigneur. Je viens d'utiliser let range. Donc, la gamme ici est la fonction. D' accord ? Alors pourquoi nous utilisons la fonction de plage ? Et la fonction de plage est une fonction qui prend essentiellement un index de départ et de
fin qui renvoie une liste de tous les entiers du début à la fin. Ici, je frappe de la, de la moyenne de la valeur que nous allons commencer. Alors j'en fais un. Et là, j'ai raison aussi. Donc j'écris juste la valeur dix ici. D' accord ? Donc, au lieu de la fonction de plage, vous devez également utiliser pour la boucle. D' accord ? Maintenant, vous pouvez voir que je suis juste en utilisant le générateur puis ici en utilisant la méthode itérateur de point de symbole et de symbole. D' accord ? Après cela ici, j'utilise juste 44 valeur let, ce qui est égal à ici, je dis ce point de. Et puis ici, vous devez voir que j'ai raison, qu'une valeur et une valeur qui est inférieure ou égale à. Donc c'est assez remède. Et voici ce point deux. Comme vous pouvez le voir ici, je cite si la valeur de cette porte est égale à n valeur qui est inférieure ou égale à ce point t2. Donc, vous aviez juste valeur plus, d'accord ? Et là, vous pouvez voir que j'ai le coin le plus proche bleu. D' accord ? Maintenant, vous pouvez voir, donc pour le plomb. Maintenant, ici, après cela, j'ai écrit que c'est crié comme le mot-clé. Et crié ici, c'est que je donne juste la valeur ici. score le plus proche montre le message d'alerte, où je dois écrire d'abord des parenthèses. Puis ici, j'ai écrit que c'est un signe de support et ici je viens d'imprimer la gamme ici. Ok, est spread mot-clé. Alors vérifions quelles sont les valeurs attendues ici. Et je viens de lancer cet accord. Donc vous pouvez voir ici mon dysfonctionnement ne fonctionne pas legis vérifier l'atome maintenant. Donc, nous avons quelques sortes de pieux ici, qui sont trois points. Et ça vient de, Ok, maintenant je lance juste ce code ici. Donc, vous pouvez voir ici qui me donnera la plage de une à dix valeurs ici. Cette méthode d'itérateur de point de symbole. Donc, comme vous pouvez le voir que le symbole point i Twitter est un protocole qui font l'objet de l'otan comme Eddie. Et cela dit Edit, définit et carte. Et c'est le i traitable en fournissant un espoir dans nos fonctionnalités linguistiques comme for-loop et spirit operator. Donc ici, vous pouvez voir leurs yeux utilise opérateur prié. C' est la boucle for et ici c'est une plage où nous définissons la plage un à dix. Donc, vous obtenez que alors comment nous pouvons travailler avec le symbole Seigneur, je méthode itérateur. Si vous trouvez l'un des problèmes concernant cette conférence, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
81. Jetée du générateur générateur ES6: Salut les gars, bienvenue à cette conférence. Dans cette conférence, nous allons parler de la méthode de lancer générateur. La méthode de lancer du générateur est utilisée pour transmettre une erreur au rendement. Le générateur reprend les exécutions après le lancer a été sculpté en
lançant une erreur et en retournant les propriétés FID de l'objet fait n valeurs. Comme nous l'observons dans un exemple comme symbole
générateur I les méthodes de groupe de commerce et les générateurs sont l'exemple double informatique. Donc, la sortie, le code que nous avons utilisé ici passe la valeur dans le générateur comme résultat encore. Mais il peut aussi, je échange jeter une erreur ici aussi bien. Voyons comment nous pouvons utiliser la matière de lancer générateur dans le script java. Ici, j'écris la balise de script. Et à l'intérieur de cette balise de script, je dois écrire cela une fonction. Je viens de faire cette fonction comme générateur ici. Et puis ici, j'utilise juste l'exception pour lancer une erreur ici. Ici, je viens d'écrire laisser, résultat et résultat qui est égal à ici, j'ai écrit que c'est encore. Puis ici, j'ai eu raison, deux plus deux qui est égal à. Donc, c'est juste une déclaration ici, qui est deux plus deux, ce qui est égal à o. encore une fois. Maintenant, je suis juste en train de montrer le message d'alerte. Et le message d'alerte ici est que j'ai bien entendu, que l'exécution n'atteint pas ici parce que l'exception est levée. D' accord ? Parce que nous lançons une exception d'encre distincte ici. D' accord. Vous pouvez le voir. je dois aller au relevé de capture et le relevé de caisse est e. Et là, je dois attraper l'exception ici, qui est ma variable e. Maintenant, après ça,
je dois aller au relevé de capture et le relevé de caisse
est e. Et là, je dois attraper l'exception ici,
qui est ma variable e. Donc, ici c'est que cette exception, catch exception nous montrera l'erreur. D' accord ? Maintenant, vous pouvez voir que je dois écrire laisser. Et laissez ici est, vous pouvez voir que j'ai le bon générateur qui est égal à gen comme un nom de fonction. Et maintenant, vous pouvez voir que j'ai raison ? Laissez ici avoir la bonne question, qui est égal à Harris, non ? Point du générateur suivant. Ok. Ici, vous pouvez voir que j'ai juste point prochaine valeur. Ok. Maintenant ici comme vous pouvez le voir que ce générateur où nous passons à la valeur suivante ici. Maintenant, vous pouvez voir que j'ai eu la matière de lancer de points de générateur droit. Donc, je viens d'utiliser la matière de lancer ici qui va générer une nouvelle erreur ici. Et comme vous pouvez le voir et entendre EST juste que la réponse n'est pas le téléphone. Supposons que je décide que la réponse ne se trouve pas dans ma base de données ou dans l'enregistrement, n'
est pas trouvée dans mon dossier. Et je dois fermer ce code ici. Maintenant, vous pouvez voir que je dois exécuter ce code qui est la méthode de lancer du générateur. Et vous pouvez le voir ici. Je vais juste aller à la console et vous pouvez voir ici, ok, comme vous pouvez le voir ici, que VR tonifie une erreur ici, mais ce message d'alerte ne nous montre aucune erreur. Laissez-nous vérifier notre code ici. Maintenant, nous avons une petite erreur qui est la suivante, et ceci est la déclaration et ce point-virgule, désolé, parenthèses assignées ici sont, désolé, dossier
scientifique, signe cheveux sont après ce serre-tête. Laissez-nous exécuter ce code à nouveau. Et vous pouvez voir ici qui nous montrera l'époque où cette réponse ne se
trouve pas dans mon dossier ici. Ok. Donc, comme vous pouvez le voir ici que nous vous montrons une erreur qui remorque comme exception dans le générateur, qui est, vous pouvez voir ici dans cette ligne, qui est générateur de plomb, qui est égal à générateur. Et après cela, cela va imprimer les itérations de l'annexe II
ici, ok, ici comme vous pouvez le voir que je choisis un mot-clé hurlement dans cet exemple avec l'aide de try et Ted, Parce que nous jetons un additif ici. Ok. J'espère que vous comprenez maintenant. Donc, c'est un generator.me dans un JavaScript. Si vous ne comprenez pas l'une des plantes ici, à tout moment, ce qui n'est pas clair pour vous,
s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.
82. itérateurs Async: Salut les gars, bienvenue à cette conférence. Et dans cette conférence, nous allons parler d'une synchronisation. Je trahison age synchronize I traîtres nous permettent d' itérer sur les données qui viennent de manière asynchrone à la demande, comme l'instant où nous téléchargeons quelque chose de morceau par morceau ou un réseau. Et est synchrone, les générateurs le rendent plus pratique. Voyons comment on peut utiliser un seul traître asynchronisé. Dans cette conférence. Ici, vous pouvez voir que j'ai dû écrire une balise de script. Et à l'intérieur de cette balise de script ici, je choisis laisser organiser, et ici je suis juste de définir la plage ici où la plage commence à partir, à partir d'un. Et puis entendez que Phil va jusqu'à dix. D'accord ? Maintenant, vous pouvez voir que je dois écrire le symbole et le symbole point ici j'ai dû écrire itérateur. D' accord ? Puis ici après ça, j'ouvre juste les crochets bouclés. Donc, cela utilise quatre appels off. Cette méthode en utilisant des moyens très, Cette méthode utilise au tout début. D' accord ? Maintenant, je vais vous montrer que comment vous pouvez retourner l'objet itérateur. Voyons ici est écrire retour. D' accord ? Et revenez ici, c'est que j'utilise juste la valeur actuelle, ok ? Et le courant ici est ce point de. D' accord ? Maintenant, vous pouvez voir que je dois obtenir ça de. Et puis ici, j'ai juste la dernière valeur. Et la dernière valeur ici est ce point deux. D' accord ? Maintenant, ici, cela fonctionnera également pour off, qui est l'objet, qui demande les valeurs d'itération suivantes. D' accord ? Maintenant, vous pouvez voir que je viens d'utiliser la prochaine ici. Donc, comme vous pouvez le voir ici, le suivant est un mot-clé. Et puis ici vous pouvez voir que j'utilise juste une déclaration if. Donc, comme vous pouvez le voir ici, je vais juste appeler ça. D' accord ? Donc, si ce point valeur actuelle et la valeur actuelle qui est inférieure ou égale à signer. Et ici, à l'intérieur de ce point dernière valeur, qui signifie que d'abord nous allons obtenir la valeur actuelle, puis cela obtiendra la dernière valeur. Maintenant, ici, j'avais raison, que c'est le retour. Et le retour ici est que je dois utiliser dun. Dun ici est faux. Nous avons déjà étudié à leur sujet dans notre conférence sur les générateurs. Et puis ici après cela, nous écrivons la valeur. Donc la valeur ici est que j'ai écrit que cette valeur actuelle de chien, ok ? Et puis ici, je dois utiliser des signes de concaténation, ce qui est plus. Maintenant, après cela, vous pouvez voir ici que j'ai dû écrire une déclaration else comme qui est une valeur de retour et S, qui est la valeur de retour. Et la valeur de retour ici est, vous pouvez voir que cela est fait et alors ici est vrai. D' accord ? Maintenant, je dois fermer ce noyau. Et puis ici vous pouvez voir que je dois fermer ce code ici aussi. D' accord ? Désolé. Le code le plus proche ici, et puis je dois fermer le score ici aussi. Maintenant, vous pouvez voir que je dois écrire pour boucle. Donc pour laisser la valeur et la valeur de la pluie, qui signifie que la valeur de la plage, ce que nous définissons ici, ok, nous prenons le foreloop. Alors montrez-nous simplement le message d'alerte, qui est la valeur. Et je dois l'accord le plus proche ici. Maintenant, notre code est complet et ici la gamme qui est l'équilibre. Maintenant, je suis juste en train de diriger ce noyau vers vous les gars. Et comme vous pouvez le voir ici, ma boucle for est en cours d'exécution et montre une valeur juste ici. Vous pouvez voir ici que c'est un asynchrone, ok ? Ce qui est comme nos fichiers de téléchargement, qui commande un par un. D' accord ? Maintenant, vous pouvez voir que, que ces valeurs monteront à la dix,
ok, comme vous pouvez le voir ici, et la boucle se terminera ici. Donc c'est asynchrone I traîtres et générateurs juste ici dans cette conférence. J' espère que vous comprenez maintenant, si vous ne l'êtes pas, s'il vous plaît laissez-moi savoir et merci d'avoir regardé cette conférence.