JavaScript pour les chats

JavaScript pour les chats

Une introduction pour les nouveaux programmeurs

si simple que même votre ami humain peut aussi le faire!

JavaScript est un langage de programmation ou, en d’autres termes, un moyen par lequel l’ordinateur est chargé de faire des choses. Tout comme l’un de nous contrôler les humains avec des sifflets et de la miaule, on peut contrôler des ordinateurs avec des déclarations écrites dans un langage de programmation. Tous les navigateurs Web comprennent JavaScript et vous pouvez en tirer parti pour rendre les pages Web Faire des choses folles!

JavaScript a commencé comme un moyen de faire des pages Web plus interactives. De nos jours, JavaScript fonctionne non seulement dans les navigateurs – fonctionne également sur des serveurs Web, des téléphones et même des robots! Cette page vous montrera une base JavaScript afin que vous puissiez commencer instantanément *.

* DUTORIAL TUTORIAL: Plus que instantané. Probablement une heure ou deux. De plus, comme vous êtes un chat, vous devriez aimer plus à être jeté au soleil que de courir.

Table des matières

  • La base
  • Strings
  • Valeurs et variables
  • Utilisation de fonctions
  • Fonctions de langue
  • Code tiers
  • Création Nouvelles fonctions
  • cycles
  • tableaux
  • objets
  • rappels
  • lecture recommandée

Ne soyez pas un chat effrayant

Vous tomberez toujours debout – même la programmation! Contrairement à un verre d’eau sur votre ordinateur portable, il n’ya rien dans ces tutoriels qui endommagera votre ordinateur de quelque manière que ce soit, même si vous écrivez mal une commande ou cliquez sur un mauvais bouton. Comme les chats, les programmeurs font des erreurs tout le temps: écrire des erreurs, oublier des guillemets ou des clés, et être oublié de la manière dont certaines fonctions de base fonctionnent. Les programmeurs s’inquiètent davantage de faire des choses fonctionnent finalement au lieu d’essayer de travailler la première fois qu’ils sont écrits. La meilleure façon d’apprendre est de commettre des erreurs!

C’est pourquoi vous n’avez pas besoin d’être un chat craintif! La pire chose qui peut arriver est que vous devez actualiser cette page dans votre navigateur Web si vous êtes coincé. Vous ne vous inquiétez pas non plus, cela se produit très rarement.

# la base

Il y a JavaScript en cours d’exécution sur cette page pour le moment. Jouons un peu avec ça. Pour la simplicité, je vais supposer que vous utilisez Google Chrome pour lire cette page (si cela ne sera pas probablement plus facile pour les deux si vous suivez le tutoriel à l’aide de Chrome).

Tout d’abord, cliquez sur Droit sur Toute partie de l’écran et sélectionnez Inspecter l’élément (ou inspecter l’élément d’inspection en anglais), puis cliquez sur l’onglet qui indique la console. Vous devriez voir une chose qui ressemble à ceci:

Il s’agit d’une console, également appelée « ligne de commande » ou « terminal « . Fondamentalement, c’est une façon d’écrire une chose à la fois sur l’ordinateur et d’obtenir immédiatement la réponse. Il existe des outils d’apprentissage super utiles (j’utilise toujours la console presque tous les jours que j’écris du code).

La console fait de très grandes choses. J’ai commencé à écrire quelque chose et la console aide à me donner une liste de toutes les choses possibles que je peux continuer à écrire! Une autre chose que vous pouvez faire est d’écrire 1 + 1 sur la console puis appuyez sur Enter et voyez ce qui se passe.

La console est une partie importante lors de l’apprentissage de JavaScript. Si vous ne savez pas comment quelque chose fonctionne ou que cette commande sert à quoi, vous pouvez aller à la console et découvrir! Ce qui suit est un exemple:

cordes #

comme je suis un chat, je veux remplacer chaque instance du mot perro sur le Internet avec esos malditos perros. D’abord, je vais à la console et écrivez quelques phrases contenant le mot perro au moins une fois. En JavaScript, un ensemble de lettres, de chiffres, de mots ou autre chose est appelé chaîne (ou chaîne de caractères). Les chaînes devraient commencer et finir avec une citation. Peu importe comment utiliser une citation unique ou double ", tant que vous utilisez le même symbole au début et à la fin.

Vous voyez le message d’erreur horrible? Ne vous inquiétez pas – vous n’avez cassé aucune loi. Syntax Error ILLEGAL est comme si cela sonne quand un robot signifie que votre programme a un problème. Les deux premières phrases coïncident avec le type de commod utilisé au début et à la fin de la phrase, mais lorsque nous mélangions l’ordinateur en ligne, c’est comme mélanger la pastèque avec du vin.

OK, pour fixer l’une de ces déclarations (remplaçant perro pour notre version améliorée) Nous devons d’abord enregistrer la déclaration originale pour pouvoir l’appeler à nouveau lorsque Nous faisons notre remplacement magique. Voyez-vous comment la chaîne est répétée en rouge lorsque j’écris sur la console? C’est parce que nous n’avons pas dit que la phrase est sauvée nulle part et c’est pourquoi elle ne les renvoie pas (ou nous donne une erreur lorsque nous effectuons une erreur).

valeurs et variables

Les valeurs sont les composants les plus simples de JavaScript. est une valeur, true (représentant une valeur logique) est une valeur, "hola" est une valeur, function() {} est une valeur, la liste continue! Il existe de nombreux types de valeurs en JavaScript, mais nous n’avons pas besoin de les connaître tout à présent – vous apprendrez naturellement tout en plus de scribes de code!

Pour enregistrer des valeurs, nous utilisons des appels variables. Le mot « variable » signifie « peut changer » et est utilisé car les variables peuvent enregistrer différents types de valeurs et modifier leur valeur plusieurs fois. Les variables sont assez similaires à une boîte aux lettres. Nous mettons quelque chose dans une variable, comme une phrase, puis nous donnons la variable une adresse que vous pouvez utiliser pour aller trouver cette phrase plus tard. Dans la vie réelle, les boîtes aux lettres de vie ont besoin de numéros de code postal, mais en JavaScript, ils sont généralement remplacés par des lettres minuscules ou des chiffres sans espaces.

varest une abréviation de la variable et du=en réponse, ce que cela signifie là-bas n’est rien à retourner.

Si vous écrivez simplement le nom d’une variable dans la console, la valeur enregistrée dans cette variable sera imprimée. Une note sur les variables est que, par défaut, ils sont perdus lorsque vous passez à une page différente. S’il s’agissait d’actualiser la page en chrome, par exemple, ma variable sentenciaPerro disparaîtrait pour toujours, comme s’il n’avait jamais été existé. Mais ne vous inquiétez pas de cela trop – vous pouvez serrer les flèches de haut en bas sur le clavier lorsque vous êtes sur la console et obtenez les déclarations que vous écrivez récemment.

# Utilisation des fonctions

Maintenant que notre peine a été sauvée dans une variable, nous allons changer le mot sauvegardé! Nous pouvons le faire en créant une fonction. Les fonctions sont un type de valeur qui ne fait qu’une fonction spécifique (également appelée but ou action) par nous. Les appeler « Actions » sonne étrangement et je suppose que c’est pourquoi ils ont choisi « fonction » à la place.

JavaScript a une fonction appelée replace (remplacez en anglais) nous voulons! Les fonctions prennent des valeurs dans vos parenthèses (zéro, un ou plusieurs) et renvoient ou quoi que ce soit (undefined) ou la chaîne modifiée. La fonction replace est disponible pour une utilisation sur n’importe quelle chaîne et prend 2 valeurs: les caractères que nous souhaitons retirer et les personnages qui les remplaceront. Il devient un peu déroutant de décrire ces choses donc nous avons ici que nous avons un exemple visuel:

notes comme valeur de sentenciaPerro est la même même après avoir exécuté replace à ce sujet? C’est parce que la fonction replace (et la plupart des fonctions JavaScript à ces fins) prennent la valeur que nous donnons et renvoie une nouvelle valeur sans modifier la valeur que nous avons transmise. Comme nous ne voulons pas sauvegarder le résultat (il n’y a pas = sur le côté gauche de l’opération de remplacement) La valeur renvoyée est imprimée sur la console.

# Fonctions de la langue

Vous devez vous demander que d’autres fonctions sont disponibles en JavaScript. La réponse: beaucoup. Il existe de nombreuses bibliothèques standard intégrées dont vous pouvez apprendre dans le MDN (un site Mozilla qui possède beaucoup de bonnes informations sur les technologies Web). Par exemple, voici la page MDN sur les fonctions relatives à la mathématique JavaScript.

Code tiers

Il y a aussi beaucoup de code JavaScript disponible qui ne fait pas partie de la norme bibliothèque. Il est généralement appelé JavaScript écrit par troisième sous forme de « bibliothèque » ou « plugin ». Un de mes favoris est appelé le soussecore.js. Allons-y la trouvons et téléchargez-le sur notre page!D’abord aller au site de soussecore, http://underscorejs.org/, cliquez sur le lien de téléchargement (en général, j’utilise la version de développement car ils sont faciles à lire, mais l’un des 2 va vous donner la même fonctionnalité) et copiez tout le code dans votre presse-papiers (vous pouvez utiliser tout en cliquant sur la droite). Ensuite, je le colle dans votre console et appuyez sur Entrée. Maintenant, votre navigateur a une nouvelle variable: _. Le soulignement vous donne beaucoup de fonctions utiles à jouer. Apprenez à les utiliser plus tard.

# Création de nouvelles fonctions

Vous n’êtes pas limité à Utiliser des fonctions des autres – vous pouvez également les écrire. C’est très simple! Faisons une fonction appelée ponerleOnda qui ajoutez des points d’exclamation à la fin d’une chaîne.

function ponerleOnda(string) { return string + '!!!!'}

dans mon Tête je l’ai lu à voix haute comme suit: « Il y a une fonction appelée » mettre dessus « qui prend une chaîne et renvoie une nouvelle copie de la chaîne qui a quelques points d’exclamation à la fin ». Voici comment j’écris cela sur la console manuellement sans écrire la fonction:

« 404b936316 » > renvoie une nouvelle chaîne et notre variable appelée string reste comme avant (puisque nous ne la mettons jamais à jour en utilisant =).

Utilisons notre fonction au lieu de le faire manuellement. Premièrement, collez la fonction sur la console puis appelez la fonction en passant une chaîne:

Vous pouvez également appeler la fonction informatique Passage d’une variable qui pointe sur une chaîne (dans l’exemple ci-dessus, nous écrivons la chaîne directe comme valeur au lieu de l’enregistrer en tant que première variable):

la ligne ponerleOnda(sentencia) est équivalente à dire sentencia + '!!!!'. Que se passe-t-il si nous voulons modifier à la place (appelé mise à jour) la valeur de l’énoncé? Enregistrement simplement la valeur de retour de la fonction dans la variable sentencia:

var sentencia = "hora de la siesta"sentencia = ponerleOnda(sentencia)

aura les signes d’exclamation à la fin! Réalisez que vous avez utilisé uniquement var lorsque vous initialisez la variable – la première fois que vous l’utilisiez. Ensuite, vous ne devriez pas utiliser var sauf si vous souhaitez réinitialiser (réinitialiser / nettoyer / vide) la variable.

Que se passe-t-il si nous prenons l’ID

de la fonction?

pourquoi sentencia Est-ce vide? Parce que les fonctions renvoient undefined par défaut! Vous pouvez choisir de renvoyer n’importe quelle valeur en utilisant return. Les fonctions doivent prendre une valeur et, s’ils changent de valeur ou créer un nouveau qui va être utilisé ultérieurement, devuelven une valeur (curiosité: un terme cool pour ce style est programmation fonctionnelle). Ici, nous avons une autre fonction qui ne renvoie aucune valeur mais utilise plutôt une méthode différente pour nous montrer le résultat:

function gritalo(string) { string = string.toUpperCase() string = ponerleOnda(string) console.log(string)}

cette fonction, gritalo, utilisez notre fonction ponerleOnda et la méthode native de Touppercase de chaîne. Les méthodes sont juste un nom pour une fonction lorsqu’il appartient à quelque chose – dans ce cas toUpperCase est une fonction qui appartient à String Dites que nous sommes une méthode ou une fonction. ponerleOnda n’appartient à personne, alors il serait techniquement incorrect de se référer comme une méthode (c’est déroutant, SE).

La dernière ligne de fonction est une autre fonction native qui prend simplement des valeurs que vous les donnez et les imprime sur la console.

Quelque chose ne va pas avec cette fonctiongritalo? Dépend! Il existe 2 types principaux de fonctions:

  • fonctions qui modifient ou créent des valeurs et renvoient-leur
  • fonctions qui prennent des valeurs et font des choses avec eux qui ne peuvent pas être retourné

console.log est un exemple de la deuxième groupe: imprime les choses dans votre console – une action que vous pouvez voir avec vos propres yeux mais ne peut pas être représenté comme une valeur javascript. Ma propre règle de pouce est d’essayer de conserver les 2 types de fonctions distinctes, afin que nous puissions réécrire la fonction gritalo Ainsi:

function gritalo(string) { string = string.toUpperCase() return ponerleOnda(string)}console.log(gritalo("no le temo a los humanos"))

de cette façon gritalo devient plus générique, c’est-à-dire qu’il fait une ou deux choses simples et ne savent rien d’impression de la console – cette partie peut toujours être programmée Après, en dehors de la définition de la fonction.

# cycles

Maintenant que nous avons des compétences de base à notre ceinture (note de l’auteur: peut-être des chats utilisent des ceintures?) Nous pouvons commencer à être vague . Quoi?! Oui, c’est comme suit: la programmation est d’être vague.Larry Wall, inventeur du langage de programmation Perl, appelé Vagaginy la plus grande vertu d’un bon programmeur. Si les ordinateurs n’existaient pas, vous devriez faire toutes sortes de tâches fastidieuses à la main, mais si vous apprenez à programmer, vous pouvez vous lancer au soleil toute la journée pendant que un ordinateur gère quelque part les programmes pour vous. C’est un style de vie glorieux plein de détente!

Les cycles sont l’un des moyens les plus importants de presser la puissance de l’ordinateur. N’oubliez pas que Underscore.js il y a quelque temps? Assurez-vous que vous l’avez chargé sur la page (rappelez-vous: vous pouvez toujours utiliser la flèche vers le haut deux fois et serrer Enter pour le télécharger si vous en avez besoin) et essayez de copier et coller ceci dans la console:

function imprimirNumero(unNumero) { console.log(unNumero)}_.times(10, imprimirNumero)

Ce code utilise la méthode Timecore Times qui prend un numéro et une fonction, démarrez 0 et 10 étapes AM, Appeler la fonction avec le numéro à chaque étape.

Si nous devions faire manuellement ce qu’il fait serait comme ceci:

imprimirNumero(0)imprimirNumero(1)imprimirNumero(2)imprimirNumero(3)imprimirNumero(4)imprimirNumero(5)imprimirNumero(6)imprimirNumero(7)imprimirNumero(8)imprimirNumero(9)

mais des chats refusent de faire des travaux manuels inutiles comme ça, alors nous devrions toujours nous demander: » Nous faisons que c’est la manière la plus vague possible? « 

Alors pourquoi est-ce cyclé? Pensez-vous comme ça: Si nous devions écrire une liste de 10 numéros (de 0 à 9), nous utilisons un tableau de JavaScript ressemblerait à ceci:

var ceroADiez = 

lo que times est vraiment visitent à chaque numéro et répétez la tâche: dans l’exemple ci-dessus, la tâche consistait à appeler la fonction imprimirNumero avec le Numéro actuel. Répétez les tâches de cette façon, elle s’appelle un cycle sur la matrice.

# #

Je les ai mentionnés quelques fois, mais nous passons une minute à apprendre à leur sujet. Imaginez que vous ayez besoin de garder une trace de vos amis. Eh bien, un tableau va bien le faire. Piensa en un Array como una lista ordenada donde puedes mantener una gran cantidad de cosas adentro.

Así es como haces uno:

var misAmigosGatos = 

Brillant! Maintenant, vous avez une liste de vos amis de chat.

Les éléments (c’est ainsi que vous appelez un élément d’un tableau) sont enregistrés dans les tableaux commençant par 0 et comptant. Puis misAmigosGatos retourne felix et

et

renvoie … etc etc

Pour obtenir un ami de votre nouveau tableau Vous pouvez simplement y accéder directement comme ceci:

console.log(misAmigosGatos)

Si vous avez fait un nouvel ami au gatuno club à la mode Gatuno Club l’autre nuit et que vous souhaitez l’ajouter à votre liste est super simple: misAmigosGatos.push("gato de moda").

Pour vérifier que le nouveau chat est à l’intérieur de votre matrice, vous pouvez utiliser .length

Vous avez remarqué que push a renvoyé la taille? Bon! Il est également noté que les matrices préservent toujours la commande qui signifie qu’ils se souviendront de l’ordre dans lequel vous avez ajouté ou défini des choses. Pas tout dans JavaScript conserve la commande alors rappelez-vous que cette propriété spéciale des tableaux!

# Objets

Les tableaux sont bons pour mentir, mais pour d’autres tâches, il peut être difficile de travailler avec eux. Considérez notre éventail d’amis félins. Que se passe-t-il si vous voulez enregistrer plus que des noms?

var misAmigosGatos = var apellidos = var direcciones = 

est parfois bon d’avoir toutes les adresses ou les noms dans une variable. Mais parfois, vous avez un chat à l’esprit, dites Felix, et vous voulez rechercher votre adresse. Avec des tableaux tout entier, vous ne pouvez pas lui dire «Che Array, donnez-moi l’adresse de Felix ‘car« Felix »est sur un tableau et son adresse dans une autre totalement différente.

Ceci peut être fragile car nos matrices changent et ajoutent un nouveau chat au début, nous pouvons également mettre à jour la variable posicionDeFelix

var primerGato = { nombre: "felix", apellido: "el gato", dirección: "La calle" }var segundoGato = { nombre: "sessa", lastName: "gato", direccion: "Liniers" }var tercerGato = { nombre: "garfield", apellido: "gato", direccion: "Casa de John Bonachón" }

Pourquoi nous le ferions de cette façon? Parce que maintenant, nous avons une variable pour chaque chat que nous pouvons utiliser lorsqu’il s’agit d’obtenir des valeurs de chat de manière plus pratique et lisible.

Vous pouvez penser à des objets comme des clés d’un porte-clés. Chacun est pour une porte particulière et si vous avez de belles étiquettes sur vos clés, vous pouvez ouvrir des portes très rapidement. En fait, les choses sur le côté gauche de : sont des appels clés (ils sont également appelés propriétés) et les choses du côté droit sont appelées valeurs.

// un objeto con una sola clave llamada 'nombre' y un solo valor 'felix'{ nombre: 'felix' }

Alors pourquoi utiliser des tableaux si nous pouvons mettre toutes nos informations sur des objets? Parce que les objets ne se souviennent pas de l’ordre des clés que vous faites.Vous pouvez entrer un objet de cette manière:

{ fecha: "20/10/2012", diario: "hoy dormí un poco", nombre: "Carlos" }

mais l’ordinateur peut le renvoyer comme suit:

{ diario: "hoy dormí un poco", nombre: "Carlos", fecha: "20/10/2012" }

ou donc!

Par conséquent, vous ne pouvez pas faire confiance à l’ordre des touches d’objets. Si vous voulez faire quelque chose de très bon, vous pouvez créer un tableau rempli d’objets ou d’un objet de tableaux!

var archivoDeAnimo = // ordenados de menos a más por favoritismovar favoritos = { golosinas: , lugaresSiesta: }

Lorsque vous combinez différentes choses comme ça va Les structures de données, telles que legos!

# rappels

Callbacks ne sont pas vraiment une fonctionnalité JavaScript telle que le Objetos ou Arrays, mais un moyen d’utiliser des fonctions. Pour comprendre pourquoi ils sont utiles, nous devons d’abord apprendre la programmation asynchrone (également appelée ASYNC). Le code asynchrone est par définition écrite d’une manière qui n’est pas synchrone. Le code synchrone est facile à comprendre et à écrire. Cet exemple illustre:

var foto = descargar('http://foo-chan.com/images/sp.jpg')subirTweetConFoto(foto, '@maxogden')

Ce code pseudo-synchrone télécharge une photo adorable d’un chat, téléchargez la photo sur Twitter et génère un tweet avec la photo pour la photo @maxogden. Assez simple!

(Note de l’auteur: Moi, @maxogden, j’accepte joyeusement des photos de chats par twitter.)

Ce code est synchrone car pour télécharger la photo sur Tweet, télécharger à partir de la photo qu’il faut compléter. Cela signifie que sur la ligne 2 ne peut pas exécuter que la tâche de la ligne 1 est complètement terminée. Si nous devions mettre en œuvre ce pseudo-code, nous voulons être sûrs que descargar ‘block’ EXECUTION jusqu’à ce que le téléchargement soit terminé, évitez tout autre JavaScript à exécuter jusqu’à ce qu’il se termine, ainsi que Comme lorsque le téléchargement est terminé, l’exécution de JavaScript est déverrouillée et la ligne 2 est exécutée.

Le code synchrone convient parfaitement aux objets rapides, mais c’est horrible pour des choses qui nécessitent des économies, le téléchargement ou le téléchargement. Que se passe-t-il si le serveur que vous abaissez la photo est lent ou que la connexion Internet que vous utilisez est lente ou l’ordinateur où vous exécutez le code a de nombreux onglets avec des vidéos de chats sur YouTube qui est lent? Cela signifie qu’il peut potentiellement prendre des minutes en attente jusqu’à ce que la ligne 2 soit exécutée. En attendant, comme tout le JavaScript sur la page est bloqué par le téléchargement, la page va geler totalement, fonctionnant sans réponse jusqu’à la fin du téléchargement.

L’exécution de blocage doit être évitée à tout prix, surtout quand Vous faites geler votre programme ou devenir inutilisable. Nous supposons que la photo ci-dessus prend 1 seconde à télécharger. Pour illustrer à quel point une seconde est une seconde pour un ordinateur moderne, voici un programme qui tesses combien de tâches javascript que nous pouvons traiter en une seconde.

function medirVelocidadCiclo() { var contador = 0 function sumaUno() { contador = contador + 1 } // Date.now() Retorna un número grande que representa la cantidad de // milisegundos que pasaron desde el 1 de Enero de 1970 var ahora = Date.now() // Cicla hasta que Date.now() es 1000 milisegundos (1 segundo) o más // en el futuro respecto del comienzo del ciclado. En cada ciclo, llama a sumaUno while (Date.now() - ahora < 1000) sumaUno() // Finalmente pasaron >= 1000ms, entonces vamos a imprimir el total console.log(contador)}medirVelocidadCiclo()

Copie et Collez le code ci-dessus sur votre console JavaScript et après une seconde, vous devez imprimer un numéro. Sur mon ordinateur, je vois , environ 8,5 millions. Dans un deuxième JavaScript, vous pouvez appeler sumaUno 8,5 millions de fois! Donc, si vous avez un code synchrone en téléchargeant une photo et que la photo prend une seconde, cela signifie que vous empêchez potentiellement l’exécution de 8,5 millions d’opérations pendant que JavaScript est bloquée.

Certaines langues ont une Fonction appelée bloquant l’exécution d’un certain nombre de secondes. Par exemple, il existe un code de bash exécuté Terminal.app sur Mac OS qui utilise sleep . Lorsque vous exécutez la commande sleep 3 && echo 'me desperté' bloc pendant 3 secondes avant l’impression me desperté

JavaScript n’a pas de fonction sleep. Comme vous êtes un chat, vous demandez probablement: « Pourquoi j’apprends-je un langage de programmation qui ne voit pas le sommeil? » Mais ne partez pas. Au lieu de dépendre de sleep attendre que les choses se produisent, la conception JavaScript encourage l’utilisation des fonctions à la place. Si vous devez vous attendre à ce que la tâche a avant de démarrer la tâche B, vous mettez tout le code de tâche B dans une fonction et une flamme uniquement lorsqu’elle est terminée.

Par exemple, il s’agit de code bloquant:

a()b()

Et ceci est non bloqué:

a(b)

dans la version non bloqueuse, b est un rappel de a. Dans la version bloquante et b sont 2 appelées / invoquées (les deux ont () Qui exécute les fonctions immédiatement). Dans la version non bloquée, vous remarquerez que seulement est appelé et b est tout simplement durer comme un argument.

dans la version bloquante, il n’y a pas de relation explicite entre et b. Dans la version non bloquée, le travail de a est de faire ce dont vous avez besoin, puis appelle b quand il se termine. Utiliser des fonctions dans ce mode s’appelle Callbacks car votre fonction de rappel, dans ce cas b, est appelée lorsque finit par faire ce dont vous avez besoin .

Voici un pseudocode avec la mise en oeuvre de la façon dont vous devriez voir

function a(fin) { descargar('https://pbs.twimg.com/media/B4DDWBrCEAA8u4O.jpg:large', function finDescarga(error, png) { // manejá el error si hay alguno if (error) console.log('ups!', error) // llamá a fin cuando termines fin() })}

Retournons à notre exemple de non-blocage, a(b), où nous appelons et nous allons passer b comme premier argument. Dans la définition de la fonction ci-dessus, l’argument fin est notre fonction b Quoi arrivé à lui. Ce comportement est difficile à comprendre au début. Lorsque vous appelez une fonction, les arguments que vous dépensez n’auront pas nécessairement les mêmes noms de variables que lorsqu’ils se trouvent dans une fonction. Dans ce cas, ce que nous appelons b est fin dans la fonction. Mais b et fin ne sont que des noms variables qui pointent sur la même fonction sous-jacente. Généralement des fonctions de rappel sont étiquetées avec des noms tels que fin ou

ou

« 8a7f9c5445 »>

pour préciser que ces fonctions doivent être appelées lorsque la fonction actuelle met fin à votre Travail.

Puis, tandis que Faites votre travail et appelez b lorsque vous avez terminé, et b sont appelés dans leurs versions bloquées et non bloquées. La différence est que dans la version non bloqueuse, nous ne bloquons pas l’exécution de JavaScript. En général, le style sans blocage est l’endroit où vous écrivez une fonction pour revenir le plus rapidement possible, sans verrouillage à aucun moment.

Pour aller un peu plus profond: si Prenez une seconde à compléter et vous utilisez la version bloquée, cela signifie que vous pouvez faire une chose. Si vous utilisez la version non bloqueuse (à l’aide de rappels), vous pouvez littéralement avoir des millions d’autres choses dans la même seconde, ce qui signifie que vous pouvez terminer vos travaux de temps plus rapidement et dormir le reste de la journée.

Rappelez-vous qu’il: Planifiez, il s’agit d’être vague et que vous devriez être celui qui dort, et non votre ordinateur.

Avec la chance, vous pouvez voir maintenant comment les rappels ne sont que des fonctions qui appellent d’autres fonctions après une asynchrone tâche. Certains exemples classiques de tâches asynchrones lisent une photo, téléchargeant une chanson, téléchargeant une photo, parle à la base de données, attendez qu’un utilisateur appuie sur une touche ou cliquez sur un lien, etc. Tout prend du temps. JavaScript est excellent gérant des tâches asynchrones telles que celles tant que vous prenez le temps d’apprendre à utiliser les rappels et à éloigner votre JavaScript d’être bloqué.

fin!

C’est juste le Début de votre relation avec JavaScript! Vous ne pouvez pas tout apprendre d’un, mais vous pouvez rechercher cela fonctionne pour vous et essayez d’apprendre tous les concepts ici.

Je vous recommande de revenir demain et de tout faire depuis le début! Vous pouvez prendre des passes jusqu’à ce que vous comprenez tout (la planification est difficile). Essayez simplement d’éviter de lire cette page en quartiers contenant des objets lumineux … peut être incroyablement distractactive.

Avez-vous un autre sujet que vous voulez qu’il soit couvert? Ouvre un problème pour celui-ci dans GitHub.

# Lecture recommandée

JavaScript pour les chats Salte Beaucoup de détails qui ne sont pas importants pour commencer (les chats ne sont pas célèbres pour leur attention), mais Si vous sentez que vous avez besoin d’apprendre en profondeur, examinez ceci:

Note du traducteur: Les informations des liens suivants sont en anglais. Malheureusement, la bibliographie est rare en espagnol. Prenez-la comme une bonne excuse pour apprendre une nouvelle langue (en plus de JavaScript)

  • nodeschool.io est un logiciel éducatif open source traité par la communauté qui enseigne différents domaines de développement Web dans une période interactive. format et autoguidé. J’ai aidé à faire des nœudschool! Malheureusement, ce site a moins de chats.
  • Elocant JavaScript est un livre gratuit qui vous enseigne JavaScript! C’est très bon! Surtout le chapitre appelé Valeurs, variables et flux de contrôle
  • JavaScript Mozilla Guide dispose également d’un excellent chapitre appelé Valeurs, variables et littéraux
  • Guide de style standard JS C’est un "zero configuration" linter pour style JavaScript que j’utilise.

Cloises Satisfechos

Client satisfait

 » CE4922917 « > Client satisfait
Client satisfait

Client satisfait
Satisfait client

jsforcats.com es un trabajo en progreso con amor de @maxogden. SI Quieres Contribuir Conte Este Matériel Y Mejorarlo, El Repo de Github Está por Acá.

Console

el Tratrisseur @imprononcenciable También ES AMIGO DE ALGUNOS GATOS

Console

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *