zoukankan      html  css  js  c++  java
  • js中import和require的区别

    js中import和require的区别
    ES6标准发布后,module成为标准,标准使用是以export指令导出接口,以import引入模块。但是在我们一贯的node模块中,我们依然采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口。

    require
    它相当于module.exports的传送门,module.exports后面的内容是什么,require的结果就是什么,对象、数字、字符串、函数……再把require的结果赋值给某个变量,相当于把require和module.exports进行平行空间的位置重叠。

    require理论上可以运用在代码的任何地方,甚至不需要赋值给某个变量之后再使用。

    require('./a')(); // a模块是一个函数,立即执行a模块函数
    var data = require('./a').data; // a模块导出的是一个对象
    import
    impor它是编译时的(require是运行时的),它必须放在文件开头,而且使用格式也是确定的,不容置疑。它不会将整个模块运行后赋值给某个变量,而是只选择import的接口进行编译,这样在性能上比require好很多。require是赋值过程,import是解构过程

    require 和 import的区别
    require引入基础数据类型时,属于复制该变量

    require引入复杂数据类型时,数据浅拷贝该对象

    出现模块之间的循环引用时,会输出已经执行的模块,而未执行的模块不输出

    CommonJS模块默认export的是一个对象,即使导出的是基础数据类型

    require中 exports 和 module.exports 的区别
    module.exports 初始值为一个空对象 {}

    exports 是指向的 module.exports 的引用

    require() 返回的是 module.exports 而不是 exports

    即 module.exports 指向新的对象时,exports 断开了与 module.exports 的引用,那么通过 exports = module.exports 让 exports 重新指向 module.exports 即可。
    ---------------------
    版权声明:本文为CSDN博主「huhanghao」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/u011486491/article/details/90265901

  • 相关阅读:
    luogu2253 好一个一中腰鼓!
    luogu2948 滑雪课
    luogu1556 幸福的路
    luogu1900 自我数
    luogu1632 点的移动
    luogu1999 高维正方体
    树状数组模板
    杜教筛
    [比赛|考试] 9月第一周的考试
    历年NOIP真题总结
  • 原文地址:https://www.cnblogs.com/shaozhu520/p/11330444.html
Copyright © 2011-2022 走看看