模块化按需导入与导出
按需导出语法:exports 类型 变量名=赋值
例如:
cc.js
//向外暴露a
export let a=10;
//向外暴露b
export let b=20;
//向外暴露方法show
exprot function show =function(){console.log(120)}
按需引入语法:export {模块中暴露出来的变量名} from "模块路径"
例如:
export {a,b,show} from "cc.js"
console.log(a);
//输出
10
默认导出与导入
导出
m1.js
//此时外部访问不到a和b。
let a=10;
let b=20;
function show(){}
//将内部成员暴露出去,外部就可以访问了。
export default{
a,b,show
}
注意: 每一个模块中只能调用一遍export defalut
导入
默认导入语法:import 接收名称 from "模块名称"
接收名称包含了模块中默认导出的所有元素。
例如:
import m from './m1.js'
console.log(m.a);
//输出
10
此时就可以通过m来访问export出来的元素了。
直接导入
只想直接导入并且执行模块中的代码,而不获取模块中暴露出来的元素。
直接导入语法:import '模块路径’
例如:
定义aa.js
for(let a=0;a<10;a++){
console.log(a)
}
导入模块使用。
//导入
import 'aa.js'
在控制台就会打印0到10了。