Maison > Applet WeChat > Développement de mini-programmes > Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

迷茫
Libérer: 2017-03-25 17:35:00
original
2135 Les gens l'ont consulté

Pas besoin de déclarer le mode strict

Pas besoin de mettre "use strict" dans la première ligne du fichier de script, lorsque l'outil de développement d'applet WeChat active le La fonction de conversion ES6 javasctipt strict mode (Strict Mode) est activée par défaut.

Remplacer IIFES par une portée au niveau du bloc

L'utilisation courante d'IIFE (expression de fonction immédiatement exécutée) consiste à créer une portée interne, dans ES6, il est possible de créer une portée au niveau du bloc plutôt qu'une simple portée de fonction. L’avènement de la portée au niveau des blocs rend les fonctions anonymes immédiatement exécutées (IIFE) largement utilisées, devenues inutiles.

IIFE :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Portée du bloc ES6 :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Utiliser pour...de boucle

ES6 Dessin sur Dans les langages C++, Java, C# et Python, la boucle for...of est introduite comme une méthode unifiée pour parcourir toutes les structures de données.

Tant qu'une structure de données est déployée avec l'attribut Symbol.iterator, elle est considérée comme ayant une interface itérateur, et ses membres peuvent être parcourus à l'aide d'une boucle for...of . En d’autres termes, ce qui est appelé à l’intérieur de la boucle for...of est la méthode Symbol.iterator de la structure de données.

La plage que la boucle for...of peut utiliser comprend des tableaux, des structures Set et Map, certains objets de type tableau, des objets Generator et des chaînes.

Parcourir le tableau :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Parcourir l'ensemble :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

for...of est utilisé pour parcourir un itérateur :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

for...in est utilisé pour parcourir les propriétés de l'objet :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

La méthode forEach d'une instance de tableau parcourt les éléments et les index d'un tableau

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

for...of les boucles prennent en charge l'itération ES6 (via les itérables et les itérateurs) et la déstructuration. . Grâce à la nouvelle méthode ES6 inputs() du tableau combinée à la déstructuration, la méthode forEach de l'instance du tableau peut être remplacée.

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Échanger les valeurs de deux variables par déstructuration de variables

Si une paire de variables En le mettant dans un tableau, puis en déstructurant le tableau et en attribuant les mêmes variables (dans des ordres différents), vous pouvez échanger les valeurs des deux variables sans compter sur des variables intermédiaires.

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Utiliser l'opérateur de spread et l'opérateur de reste

Le spread L'opérateur (la syntaxe de propagation) permet de développer une expression quelque part, où il y a plusieurs arguments (pour les appels de fonction) ou plusieurs éléments (pour les littéraux de tableau) ou plusieurs variables (pour les affectations de déstructuration).

est utilisé pour la syntaxe des appels de fonction :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

est utilisé pour la syntaxe littérale du tableau :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

L'opérateur rest (l'opérateur rest), qui ressemble à The spread L'opérateur est le même, mais il est utilisé pour déstructurer des tableaux et des objets. D'une certaine manière, un élément résiduel est l'opposé d'un élément de déroulement, qui « étend » un tableau en plusieurs éléments, tandis qu'un élément résiduel collecte plusieurs éléments et les « réduit » en un seul élément.

Le paramètre rest permet de représenter des paramètres réels de longueur indéfinie sous forme de tableau.

Syntaxe des paramètres restants :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Exemple d'utilisation :

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Compare si deux valeurs sont strictement égales

Object. is() est utilisé pour comparer si deux valeurs sont strictement égales. Il a fondamentalement le même comportement que l'opérateur de comparaison stricte (===), avec seulement deux différences : premièrement, +0 n'est pas égal à -0, et deuxièmement, NaN est égal à lui-même.

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Afin de répondre à l'adaptation du terminal mobile, Polyfill

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Copie d'attribut d'objet

La méthode Object.assign est utilisée pour copier toutes les propriétés énumérables de l'objet source (source) vers l'objet cible (target). Il nécessite au moins deux objets comme paramètres, le premier paramètre est l'objet cible et les paramètres suivants sont des objets source. Chaque fois que l'un des paramètres n'est pas un objet, une TypeError sera levée.

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Si l'objet cible et l'objet source ont le même attribut, ou si plusieurs objets source ont le même , les attributs ultérieurs écraseront les attributs précédents.

Afin de répondre à l'adaptation du terminal mobile, Polyfill peut être ajouté au programme

Développement de nouvelles fonctionnalités ES6 Applet WeChat (9)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal