数极客首页

使用ES6新特性开发微信小程序(7)

在ES6之前,社区制定了一些模块加载方案,最主要的有CommonJS和AMD两种。前者用于服务器,后者用于浏览器。ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。

Modules(模块)

每一个ES6模块都是一个包含JS代码的文件,模块本质上就是一段脚本,而不是用 module 关键字定义一个模块。默认情况下模块都是在严格模式下运行。模块功能主要由两个命令构成:export和import。export命令用于用户自定义模块,规定对外接口;import命令用于输入其他模块提供的功能,同时创造命名空间(namespace),防止函数名冲突。

export

export用于从给定文件(或模块)导出函数和对象。

使用ES6新特性开发微信小程序(7)

单个导出

使用ES6新特性开发微信小程序(7)

批量导出

使用ES6新特性开发微信小程序(7)

重命名导出

使用ES6新特性开发微信小程序(7)

默认导出,每个模块只能有一个默认导出:

使用ES6新特性开发微信小程序(7)

import

import用于从外部模块、其他脚本中导入函数、对象或者原型,这些被导入的模型必须在其他的模块或者脚本中被导出的。

使用ES6新特性开发微信小程序(7)

无对象导入,如果模块包含一些逻辑要执行,且不会导出任何对象,此类对象也可以被导入到另一模块中。

使用ES6新特性开发微信小程序(7)

导入默认对象,采用Default导出方式导出对象,该对象在import声明中将直接被分配给某个引用。

使用ES6新特性开发微信小程序(7)

批量导入

使用ES6新特性开发微信小程序(7)

重命名导入

使用ES6新特性开发微信小程序(7)

导入所有对象

使用ES6新特性开发微信小程序(7)

import命令导入的对象可能是一个变量,也可能是一个函数,或者一个类,要视具体情况而定。import与require的差异较大,好不要混用。

实例

f10_modules_math.js

使用ES6新特性开发微信小程序(7)

f10_modules_app.js

使用ES6新特性开发微信小程序(7)

f10_modules.js

使用ES6新特性开发微信小程序(7)

扫一扫关注公众号“第九程序”(微信ID:djxcx9),为你提供第一手热门小程序,了解最新最全的小程序资讯和服务。

给大家推荐我国新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是用户行为分析领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章