Développer 5 fonctionnalités JavaScript à Gutenberg
Je viens d’un objet imbriqué. C’est – à – dire, à partir d’un objet: Nous pouvons récupérer des valeurs dans un post ou dans un objet imbriqué, comme un ID ou un nom dans l’auteur: attention maintenant: chaque fois que nous déconstruçons un objet, nous créons une variable avec le même nom que l’attribut que nous extrayons. Cela soulève la question: que se passe – t – il si nous voulons récupérer plusieurs attributs d’identification à partir de différents objets imbriqués? Par exemple, dans notre cas, l’auteur du billet et de l’objet imbriqué a un ID, donc…
Pouvons – nous extraire ces deux valeurs? La solution réside dans l’alias: C’est – à – dire que nous pouvons spécifier l’attribut à extraire (par exemple author.id) et le nom de la variable dont la valeur (Author ID) sera conservée. Enfin, laissez – moi vous dire que le déconstruction s’applique également aux tableaux: et aux arguments de fonction. C’est – à – dire, si un paramètre d’une fonction est un objet, nous pouvons le déconstruire à la définition de la fonction elle – même: très utile, n’est – ce pas? 2 – un autre exemple assez courant de la fonctionnalité des flèches. Si vous regardez le titre du bloc image Gutenberg, vous verrez ce qui suit à la ligne 693:
Quelle est la valeur entre parenthèses? Pourquoi y a – t – il des flèches? Qu’est – ce qu’un ensemble d’attributs avec des accolades bouclées à l’intérieur? Oh là là! OK, décryptons ça étape par étape. Lorsque vous voyez des flèches comme = >, vous venez de rencontrer une fonction fléchée. Les fonctions Arrow peuvent être très similaires aux fonctions classiques, mais elles utilisent une syntaxe légèrement différente: le principal avantage de la fonction Arrow est qu’elle peut être simplifiée et rendre le code plus compact. Par exemple, si une fonction n’a qu’une seule instruction, vous pouvez enregistrer les accolades bouclées et le mot – clé de retour parce que la fonction renvoie automatiquement l’évaluation de son instruction unique:
Une autre simplification
Jouez des cordes avec eux. Dans les versions précédentes de la spécification es2015, elles étaient appelées « chaînes de modèles». Voici un autre exemple similaire au premier que nous venons de voir: que se passe – t – il maintenant dans le deuxième exemple? Fondamentalement, l’attribut \
C’est plus facile que tu ne le penses, n’est – ce pas? 5 – au revoir, et enfin, je voudrais terminer cet article avec deux fonctions qui sont très utiles pour travailler avec des tableaux et que vous devriez déjà connaître. Par exemple, les deux se trouvent dans un bloc de colonne Gutenberg. En fait, je parle de la carte (ligne 136) et des anciens combattants (ligne 119). Voyons à quoi ils servent et comment vous pouvez les utiliser. La méthode Map crée un nouveau tableau contenant les résultats de l’appel à la fonction fournie sur chaque élément du tableau: essentiellement, c’est une méthode qui passe par tous les éléments du tableau (c’est l’instruction for) et applique la fonction à chaque élément (le \
La méthode de retour est très similaire à la carte, mais elle ne renvoie pas un tableau dont l’élément est le résultat de l’application de la fonction à l’élément original, mais une seule valeur. Il s’agit d’une méthode qui vous permet d’appliquer une fonction à chaque valeur (de gauche à droite) de l’accumulateur et du tableau pour la réduire à une seule valeur. Par exemple, comme vous pouvez le voir, la nouvelle version de JavaScript ajoute des structures qui vous permettent d’écrire votre code plus efficacement et plus facilement, mais sa syntaxe peut être confuse au début. J’espère que le post d’aujourd’hui vous aidera à comprendre ce qui est nouveau dans JavaScript et comment utiliser ses nouvelles fonctionnalités.
J’aime beaucoup la façon dont JavaScript se développe parce que je pense qu’il vous permet d’écrire un meilleur Code et plus
Lisible (bien sûr, une fois que vous savez lire). Qu’en penses – tu? Après avoir lu cet article, avez – vous hâte d’apprendre le javascript une fois pour toutes? Photos de Ross findon sur unsplash.