Maison  >  Article  >  Applet WeChat  >  Développement de nouvelles fonctionnalités ES6 Applet WeChat (7)

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

迷茫
迷茫original
2017-03-25 17:31:071741parcourir

Avant ES6, la communauté développait quelques solutions de chargement de modules, les plus importantes étant CommonJS et AMD. Le premier est destiné aux serveurs et le second aux navigateurs. ES6 implémente les fonctions du module au niveau des spécifications du langage, et la mise en œuvre est assez simple. Il peut remplacer complètement les spécifications CommonJS et AMD existantes et devenir une solution de module universelle pour les navigateurs et les serveurs.

Modules (module)

Chaque module ES6 est un fichier contenant du code JS. Un module est essentiellement un script, et non un mot-clé module. pour définir un module. Par défaut, les modules s'exécutent en mode strict. La fonction du module se compose principalement de deux commandes : exporter et importer. La commande export est utilisée pour les modules définis par l'utilisateur pour spécifier des interfaces externes ; la commande import est utilisée pour saisir les fonctions fournies par d'autres modules et créer un espace de noms pour éviter les conflits de noms de fonctions.

export

export est utilisé pour exporter des fonctions et des objets à partir d'un fichier (ou module) donné.

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

Exportation unique

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

Exportation par lots

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

Renommer l'exportation

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

Export par défaut, chaque module ne peut avoir qu'un seul export par défaut :

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

import

import est utilisé pour importer des fonctions, des objets ou des prototypes à partir de modules externes et d'autres scripts importés. les modèles doivent être exportés dans d’autres modules ou scripts.

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

Aucune importation d'objet, si le module contient une logique à exécuter et qu'aucun objet ne sera exporté, ces objets de classe peuvent également être importés dans un autre module.

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

Importez l'objet par défaut et exportez l'objet en utilisant la méthode d'exportation par défaut. L'objet sera directement utilisé. dans l'instruction d'importation. Attribué à une référence.

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

Importation par lots

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

Importation renommée

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

Importer tous les objets

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

L'objet importé par la commande import peut être une variable, une fonction ou une classe, selon la situation spécifique. Il y a une grande différence entre import et require, il est donc préférable de ne pas les mélanger.

Instance

f10_modules_math.js

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

f10_modules_app.js

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

f10_modules.js

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

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!

Déclaration:
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