uniapp使用es6引入单独的js文件

　　在使用uniApp开发手机应用时经常需要引入外部js文件来增加应用的功能，uniApp完美支持es6，因此我们可以使用es6的语法来引入外部的js文件，以下是青锋建站给大家做的详细说明。

ES6 模块化简介

　　ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 的模块化分为导出（export） @与导入（import）两个模块。模块中可以导入和导出各种类型的变量，如函数，对象，字符串，数字，布尔值，类等。每个模块都有自己的上下文，每一个模块内声明的变量都是局部变量，不会污染全局作用域。每一个模块只加载一次（是单例的），若再去加载同目录下同文件，直接从内存中读取。

export 导出模块

export 导出

导出的函数声明与类声明必须要有名称（export default 命令另外考虑）。
不仅能导出声明还能导出引用（例如函数）。
export 命令可以出现在模块的任何位置，但必需处于模块顶层。

/*-----export [sjzphp.js]-----*/
let site = "http://www.sjzphp.com";
let name= "青锋建站";
let title= function(){ return "title is" + name + site }

export { site, name, title}
　　建议使用大括号指定所要输出的一组变量写在文档尾部，明确导出的接口。函数与类都需要有对应的名称，导出文档尾部也避免了无对应名称。

export default 命令

在一个文件或模块中，export、import 可以有多个，export default 仅有一个。
export default 中的 default 是对应的导出接口变量。
通过 export 方式导出，在导入时要加{ }，export default 则不需要。
export default 向外暴露的成员，可以使用任意变量来接收。

var a = "title is 青锋建站!";
export default a; // 仅有一个
export default var c = "error"; // error，
default 已经是对应的导出变量，不能跟着变量声明语句 import b from "./xxx.js"; // 不需要加{}，使用任意变量接收

import 导入功能

/*-----import [xxx.js]-----*/
import { site, name, title } from "./sjzphp.js";
console.log(site);// http://www.sjzphp.com
console.log(name);// 青锋建站
console.log(title ());// title is 青锋建站 http://www.sjzphp.com

导入的变量名，须和导出的接口名称相同，即顺序可以不一致。

as 的用法

不同模块导出接口名称命名重复，使用 as 重新定义变量名。
let name= "青锋建站";
export { name}
import { myName as name} from "./sjzphp.js";
　　以上是青锋建站给大家分享的uniApp使用es6来引入外部的js文件的操作方法。青锋建站，提供专业的高品质网站制作服务，包括多语言网站建设，中英文建站，外贸网站制作，微小程序开发，APP开发，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，为企业构建强有力的营销平台。

转载请注明来源网址：青锋建站-http://www.sjzphp.com/kaifazhe/app/uniappjs_1870.html

主页 > 开发者 > APP开发 >