es5下的导出:
1 //es5两种形式: 2 1、module.exports = fucntion add (){}; 3 2、exprots.add = fucntion (){};
es5下的导入:
1 //对象的导入 2 var add = require('./add');
es6下的导出:
1 export default{//第一种方法 2 add(){} 3 } 4 5 //第二种方法,相当于 将add方法当做一个属性挂在到exports对象
// 写法一
export fucntion add(){}
export fucntion substrict(){}
export const PI=3.14
// 写法二
var m = 1;
export {m};
// 写法三
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;
export {firstName, lastName, year};
es6下的导入
1 如果导出的是:export default{ add(){}} 2 那么可以通过 import obj from './add.js' 3 语法:import [任意变量名] from '方法的地址'
如果导出的是这种格式:export fucntion add(){} ,即没有default的修饰符 那么通过 import {add} from './add.js'导入 语法:import{对应的函数名称} from '导入函数它的地址'
同理,对象变量的导出也是要加大括号
如果导出的是:
// 写法一
export fucntion add(){}
export fucntion substrict(){}
export const PI=3.14
// 写法二
var m = 1;
export {m};
// 写法三
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;
export {firstName, lastName, year};
那么可以通过按需加载 import {add,substrict,PI} from './calc.js'