Explication détaillée de la modularisation des petits programmes

Portée du fichier

Les variables et fonctions déclarées dans un fichier JavaScript ne sont valides que dans ce fichier ; les variables et fonctions portant le même nom peuvent être déclarées dans des fichiers différents et n'interagiront pas avec les uns les autres.

Vous pouvez obtenir l'instance d'application globale via la fonction globale getApp() Si vous avez besoin de données globales, vous pouvez la définir dans App(), par exemple :

// app.jsApp({
  globalData: 1})

// a.js
// The localValue can only be used in file a.js.var localValue = 'a'
// Get the app instance.
var app = getApp()
// Get the global data and change it.
app.globalData++

// b.js
// You can redefine localValue in file b.js, without interference with the localValue in a.js.
var localValue = 'b'
// If a.js it run before b.js, now the globalData shoule be 2.
console.log(getApp().globalData)

Modularisation

Nous pouvons extraire du code commun dans un fichier js séparé en tant que module. Les modules ne peuvent exposer l'

interface au monde extérieur que via module.exports.

A noter que :

exports est une référence de module.exports, vous pouvez donc la modifier à volonté dans le module Le pointeur exports provoquera des erreurs inconnues. Par conséquent, nous recommandons aux développeurs d'utiliser module.exports pour exposer les interfaces des modules, à moins que vous ne connaissiez déjà clairement la relation entre les deux.

Le mini programme ne prend actuellement pas en charge l'introduction directe de

node_modules Lorsque les développeurs doivent utiliser node_modules , il est recommandé de copier le code correspondant dans le répertoire de. le mini programme.

// common.js
function sayHello(name) {
  console.log('Hello ${name} !')
}
function sayGoodbye(name) {
  console.log('Goodbye ${name} !')
}
module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye

Dans les fichiers qui doivent utiliser ces modules, utilisez

require(chemin) pour introduire le code public.

var common = require('common.js')
Page({
  helloMINA: function() {
    common.sayHello('MINA')
  }  goodbyeMINA: function() {
    common.sayGoodbye('MINA')
  }})

Syntaxe ES6 et API support

Applet WeChat fonctionnant sur trois terminaux : iOS,

Android et Developer outils de débogage

Sur iOS, le code javascript du mini programme est exécuté dans JavaScriptCore

Sur Android, le code javascript du mini programme est exécuté via Utiliser le Il existe certaines différences qui causent de gros problèmes à de nombreux développeurs.

Dans les outils de développement de la version 0.10.101000 et ultérieure, babel sera utilisé par défaut pour convertir la syntaxe ES6 du code développeur en code ES5 bien pris en charge par les trois extrémités, aidant ainsi les développeurs à résoudre les problèmes causés par différents environnements. .les enjeux de développement. Les développeurs peuvent désactiver cette fonctionnalité dans les paramètres du projet.

Il convient de noter que :

Cette conversion aidera uniquement les développeurs à résoudre les problèmes grammaticaux. Les nouvelles API ES6 telles que Promise obligent les développeurs à introduire eux-mêmes Polyfill ou d'autres

bibliothèques. 🎜>.

Afin d'améliorer la qualité du code, lorsque la fonction de conversion ES6 est activée, le mode strict javasctipt est activé par défaut

[Recommandations associées]1. >L'applet WeChat est terminée. Téléchargement du code source

2

Opération simple de balayage vers la gauche et disposition du flux en cascade

3 Mini programme Chai Ge WeChat. Code source de l'App Store

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!