ES6 - 模块化语法

模块化语法

利用自己本身语法规则，在自己的文件内引入一个其他文件

• 当需要按照模块化语法进行开发的时候(前提)
  当前页面的 script 标签需要有一个 type 属性，值设置为module
  只有这样，浏览器在解析该js语句的时候，才会按照模块化语法进行解析
  当前页面必须在服务器上打开，本地打开不能使用模块化语法

• 模块化语法的规则
  当开始使用模块化语法的时候
  每一个js 文件都将会成为一个独立的js文件，互相之间没有任何联系和关系
  文件与文件之间相互不共通
  每一个独立文件叫做一个 文件作用域(模块作用域)
  当需要共通数据的时候，需要用到 导入导出 语法

• 导出的语法
  在当前自己文件内，把某些内容向外暴露
  语法1:
  export default 数据结构
  语法2:
  export 数据

• 导出的语法
  在当前自己文件内，把某些文件导入到自己内部(目的：为了使用该文件内暴露的信息)
  语法1：
  import 变量名 from 文件名
  语法2:
  import { } from 文件名
  注意
  导入语法1 只能导入 导出语法1 的内容
  导入语法2 只能导入 导出语法2 的内容