ES6 new features development WeChat applet (7)

Before ES6, the community developed some module loading solutions, the most important ones being CommonJS and AMD. The former is for servers and the latter is for browsers. ES6 implements module functions at the level of language specifications, and the implementation is quite simple. It can completely replace the existing CommonJS and AMD specifications and become a universal module solution for browsers and servers.

Modules

Each ES6 module is a file containing JS code. The module is essentially a script, not Use the module keyword to define a module. By default modules run in strict mode. The module function mainly consists of two commands: export and import. The export command is used for user-defined modules to specify external interfaces; the import command is used to input functions provided by other modules and create a namespace to prevent function name conflicts.

export

export is used to export functions and objects from a given file (or module).

##Single export

Batch export

##Rename export

Default export, each module can only have one default export:

import

import is used to import functions, objects or prototypes from external modules and other scripts. These imported models must be exported in other modules or scripts.

No object import, if the module contains some logic to be executed and no objects will be exported, this Class objects can also be imported into another module.

Import the default object and use the Default export method to export the object. The object will be directly used in the import statement. Assigned to a reference.

Batch import

##Rename import

Import all objects

##The object imported by the import command may be a variable, a function, or a class, depending on the specific situation. There is a big difference between import and require, so it is best not to mix them.

Example

f10_modules_math.js

f10_modules_app.js

##f10_modules.js

The above is the detailed content of ES6 new features development WeChat applet (7). For more information, please follow other related articles on the PHP Chinese website!