js模块化管理起步-import和export用法

ES6之模前已经出现了js块加载的方案，最主要的是CommonJS和AMD规范。

commonJS主要应用于服务器，实现同步加载，如nodejs。AMD规范应用于浏览器，如requirejs，为异步加载。

ES6在语言规格的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。

ES6模块主要有两个功能：export和import

export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口

import用于在一个模块中加载另一个含有export接口的模块。

也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。

1.导出属性基本 test.js:

var name="xiaoqiu";
var age=22;
export {name,age};	

index.js:

import {name,age} from './test.js'  1.通过import引用另一个模块输出的参数

2.整体输入 module指令 ，整体接收 test.js:

export function getName()
{
	return name;
}

export function getAge()
{
	return age;
}

index.js:

console.log("import:"+test.getName()+"..."+test.getAge());

默认导出一个模块只能使用一次，在另外导入的时候就不需要花括号了.

export default{
	name:'xiaoqiu',
	getAge:function(){
		return 22;
	}
}

console.log(input.getAge());

如果使用了 export default function xxx 那么在引用的时候只能是 

import xxx from './test.js'.  xxx只能是function的名称，使用的时候直接xxx()调用当前函数了。

最后

以上就是听话小熊猫为你收集整理的js模块化管理起步-import和export用法的全部内容，希望文章能够帮你解决js模块化管理起步-import和export用法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。