脚本和模块
JavaScript 有两种源文件,一种叫做脚本,一种叫做模块。
脚本是可以由浏览器或者 node 环境引入执行的,而模块只能由 JavaScript 代码用 import 引入执行。
script 标签如果不加type=“module”,默认认为我们加载的文件是脚本而非模块,如果我们在脚本中写了 export,当然会抛错。
脚本中可以包含语句。模块中可以包含三种内容:import 声明,export 声明和语句。
import 声明
我们首先来介绍一下 import 声明,import 声明有两种用法,一个是直接 import 一个模块,另一个是带 from 的 import,它能引入模块里的一些信息。
直接 import 一个模块,只是保证了这个模块代码被执行,引用它的模块是无法获得它的任何信息的。带 from 的 import 意思是引入模块中的一部分信息,可以把它们变成本地的变量。带 from 的 import 细分又有三种用法,我们可以分别看下例子:import x from "./a.js" 引入模块中导出的默认值。import {a as x, modify} from "./a.js"; 引入模块中的变量。import * as x from "./a.js" 把模块中所有的变量以类似对象属性的方式引入。第一种方式还可以跟后两种组合使用。import d, {a as x, modify} from "./a.js"import d, * as x from "./a.js"
此文章为8月Day06学习笔记,内容来源于极客时间《重学前端》,强烈推荐该课程!