0
点赞
收藏
分享

微信扫一扫

ES6 - 模块化语法

西特张 2022-03-12 阅读 85
ES6

模块化语法

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

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

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

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

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

举报

相关推荐

0 条评论