微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

es6模块化导入导出

模块化指的就是将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来。

在 ES6 之前,JS没有模块化系统,社区制定了一些模块加载方案

最主要的有 Commonjs(Asynchronous module deFinition) 和 AMD(common module deFinition) 两种。前者用于服务器,后者用于浏览器

/*
Commonjs(node遵循该规范)
    ->require.js    引入
    ->module.exports 导出 
   
AMD
    比如 -> require.js
CMD
    比如 -> sea.js
*/

 

ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量

(Commonjs 模块就是对象,输入时必须查找对象属性

ES6 模块不是对象,而是通过export命令显式指定输出代码,再通过import命令输入

//import {fn} from './xx.js'; 引入模块
//export function fn(){}  导出模块

 

模块可以理解为函数代码块的功能,是封装对象的属性方法的javascript代码,它可以是某单个文件,变量或者函数

在Es6模块中,无论有没有加"use strict",都会自动采用严格模式

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐