ES6——模板化(导入、导出)

104 阅读1分钟

引入:js代码有三种方式把js脚本写在页面中

1.行内式:js引擎要去执行的标签的某些(事件)属性中(也就是在

2.嵌入式:html元素事件中

3.导入式:src的地址是一个js的路径,会加载js编码(jsonp)

定义:ES6 的模块化分为导出(export)导入(import) 两个模块。

1. 开头 ,记住一定要写这个

    <script type="module"> </script>

2.导入:import x,{} from "外部文件地址"

 x(任意变量):代表导入默认导出的对象

 {}:按需导入,需要导入什么,就在{}添加

 type="module":因为js读取外部文件然后编码进来,需要babel软件来解码。

 模块化开发,这里的外部文件地址具有作用域,可以减少全局污染。

 一般导入的都是第三方工具。

3.(外部文件)导出:

3.1.export(按需导出):可以多次使用(注意:需声明这里的需要导出的变量)

3.2.export default(默认导出):只能用一次或0次(注意:这个后面只能接一个值,一般都是接对象,用对象装多个需导出的变量)