河南网站seo设计,韩国女足出线情况,dede网站模板替换,wordpress cms社交1.默认导入和默认导出
语法:
export default {需要输出的内容}
接收:
import 成员变量的名字 from 文件夹的路径
案例#xff1a;
a.mjs文件夹下默认导出
export default{a:10,b:20,show(){console.log(123);}
} 在b.mjs文件中用成员变量进行接收
import AA from 文件夹的路径
案例
a.mjs文件夹下默认导出
export default{a:10,b:20,show(){console.log(123);}
} 在b.mjs文件中用成员变量进行接收
import AA from ./a.mjs;
console.log(AA.a);
打印的结果: 访问方法:
import AA from ./a.mjs;
console.log(AA.show());
从打印的结果来看,访问方法任然可以访问。 2.按需导入和按需导出
语法
export 变量
export 方法
接收
import { a, b, say } from a.mjs;
注意点: 一定要有{},且成员变量的名字要和导出的名字保持一致,如需更改可以as来进行更改。 案例
export let a10
export let b20
export function say(){console.log(吃饭,睡觉,打豆豆);
}import { a, b, say } from a.mjs;
console.log(a);
console.log(b);
console.log(say());如果名字保持不一直
将导出的成员变量的名字a改成成员变量c
import { c, b, say } from ./a.mjs;
console.log(c);
console.log(b);
console.log(say());as改名字
语法:
import { 成员变量的名字 as 要更改的名字 , b, say } from ./a.mjs;
代码:
import { a as c , b, say } from ./a.mjs; 在输出
可以访问: 3.直接导入使用
语法:
import 文件的路径;
案例
for(var i0;i3;i){console.log(123);
}
import ./a.mjs;
运行的结果: 可以看出使用直接导入的方法,立马就能在控制台里面输出a.mjs的结果,相比于上面的按需导入和默认导入直接导入不用使用任何成员的变量来进行接收。 4.总结
1.export default 默认导出,成员变量可以是任意的名字(符合命名的规则)。
2.export 按需导出,成员变量的名字必须要和导出的名字保持一直如果要改名字需要用as
语法:
导出的成员变量的名字 as 要改的名字
