vue之require与import之间的区别

待我称王封你为后i 2023-03-13 02:37 56阅读 0赞

https://www.cnblogs.com/zknublx/p/12607386.html

首先我们要明白require与import的基本语法：

require的基本语法：在导出的文件中定义module.export,导出的对象的类型不予限定（可以是任何类型，字符串，变量，对象，方法），在引入的文件中调用require()方法引入对象即可，换一种说法就是require相当于module.exports的传送门，module.exports后面的内容是什么，require的结果就是什么，对象、数字、字符串、函数……再把require的结果赋值给某个变量,代码实现首先如：

  1. // tt.js
  2. module.exports = {
  3.     tt: function(){
  4.      console.log("这是一个函数，也就是一个对象")
  5.   }
  6. }

解析：在tt.js中使module这个意思就是模块的意思，就是实现特定功能的一组方法，
也就是只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。用module.export中的export这个变量接收返回的函数名为tt的函数

然后：

  1. / bb.js中
  2. var obj = require('../tt.js')
  3. obj.tt()  // "这是一个函数，也就是一个对象"

解析：在bb.js中获取到tt.js赋值给变量obj,然后调用该方法

本质上是将要导出的对象赋值给module这个的对象的exp

发表评论

表情：
评论列表 （有 0 条评论，56人围观）

还没有评论，来说两句吧...

相关阅读

    相关 import和require的区别

    equire / exports ： 遵循 CommonJS/AMD，只能在运行时确定模块的依赖关系及输入/输出的变量，无法进行静态优化。 用法只有以下三种简单的...

    Bertha 。Bertha 。/ 0 赞/ 110 阅读