zoukankan      html  css  js  c++  java
  • 模块化的 require 和 import的区别

    模块化的 require 和 import的区别

    区别

    1. require是commonjs的规范,在node中实现的api,import是es的语法,由编译器处理。所以import可以做模块依赖的静态分析,配合webpack、rollup等可以做treeshaking。
    2. commonjs导出的值会复制一份,require引入的是复制之后的值(引用类型只复制引用),es module导出的值是同一份(不包括export default),不管是基础类型还是应用类型。
    3. 写法上有差别,import可以使用import * 引入全部的export,也可以使用import aaa, { bbb}的方式分别引入default和非default的export,相比require更灵活

    3、模块中有定时器改变了导出的值,导出的值会不会变?

    // a.js
    let a = 1
    setTimeout(() => {
      a = 2
    }, 1000)
    module.exports = a
    
    // test.js
    const a = require('./a')
    setTimeout(() => {
      console.log(a)   //2
    }, 2000)
    
    // a2.js
    let a = 1
    setTimeout(() => {
      a = 2
    }, 1000)
    export {
      a
    }
    
    // test2.js
    import { a } from './a2'
    
    setTimeout(() => {
      console.log(a)  //1 
    }, 2000)

    结果是import引入的值是2,而require引入的值一直是1,这也是require和imort很重要的一个区别,es module的export导出的值会静态的绑定,而commonjs exports导出的值是一个对象,会复制一份。这样也就出现了这样的现象。

    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    mac 终端命令
    安装和使用Carthage
    Mac下的常用终端命令与vim常用命令
    swift 获取推送deviceToken
    使mac版的MYSQL支持emoji表情
    iOS --- 通过CPU实现的简单滤镜效果
    IOS多选单选相册图片
    AVCaptureDevice iOS摄像头属性
    GPUImage 滤镜介绍
    苹果IOS开发者账号如何续费-Appstore
  • 原文地址:https://www.cnblogs.com/cupid10/p/15617722.html
Copyright © 2011-2022 走看看