为什么Javascript导入函数返回未定义

Question

我想了解更多关于 javascript 引用范围的信息，我试图从类似这样的另一个文件中导入一个函数

file1.js

exports.checkIfCan = function(){
 //make some check
}

exports.calculate = function(){
   this.checkIfCan();
}

并在此导入中使用计算方法

file2.js

const { calculate } = require('./file1.js')

calculate()

其实错误是this.checkIfCan is not a function 但是如果我像这样导入所有模块，它就可以工作

const calculation = require('./file1.js')

calculation.calculate();

我只是想了解更多关于 javascript 中的全局/本地范围

Answer 1

this 指的是函数调用的上下文，在你的例子中是undefined（在浏览器上默认是window）。

这里有一个尽可能简单的例子让你理解它：

calculation.calculate(); // <= you are calling calculate from calculation, so 'this' is calculation

calculate(); // <= you are calling calculate from... nothing, so 'this' is undefined

更新：使用箭头函数在任何一种情况下都可以工作，因为 this 将取自函数的周围范围而不是上下文，并且在 Node 模块的顶级代码中 this 等效于 module.exports .

关于thisin javascript 有很多要解释的地方，我可以建议您阅读免费电子书You Don't Know JS: this and Object prototypes 吗？您会在那里找到更多信息。

Answer 2

@Vlad Vlads，您的问题在于您的文件 file1.js 中使用了关键字 this。

根据https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this，可能会出现以下行为：

this 的值由 如何 函数 决定 调用 （运行时绑定）。期间不能通过赋值设置 执行，并且每次函数被调用时可能不同。

话虽如此，如果您在函数中删除关键字 this，以下将按预期工作：

const { calculate } = require('./file1.js')

calculate()

您的第二个示例也将按预期工作

const calculation = require('./file1.js')

calculation.calculate()

Answer 3

你应该使用 import 代替：

file1.js

function abc() {}

export {
   abc
}

file2.js

import { abc } from 'file1.js';
abc();