与 HTML 页面交互的 module.exports 方法不起作用

Question

我正在运行一个电子应用程序，其中我的index.html 页面由scripts.js 中的函数更新。

我正在尝试通过将函数“移动”到同一 js 目录中的单独文件中来清理 scripts.js 文件，但每当我这样做并将该函数导入回 scripts.js 以在render() 方法，不起作用。

例如，我将currencyExchange() 函数放入名为currencyAPI.js 的单独文件中：

var currencyExchange = function(){ 
    //code here 
} 

module.exports.currencyExchange = currencyExchange

然后，我将它导入到我的scripts.js 文件中：

var currency = require(./currencyAPI.js);

然后在我的render() 函数中调用它，如下所示：

function render(){
    // ...
    setInterval(currency.currencyExchange, 1500)
}

但是，当运行currency.currencyExhchange 时，它说该文档未定义。

这是我的app 中的scripts.js 文件

Answer 1

在 index.html 中放置一个带有currencyAPI.js 的脚本标签，并且currencyAPI.js 的所有功能都将在scripts.js 中可用。 html页面无需导入导出。

html 页面中的所有脚本都作为全局脚本工作，脚本函数和变量可供所有其他脚本访问。

所以你可以直接在scripts.js中的任何地方使用currencyExchange函数

Answer 2

以下对我有用。

// a.js:
const currencyExchange = function (foo) {
    console.log('currencyExchange(): ', foo);
    return foo;
}

module.exports.currencyExchange = currencyExchange

// b.js
const currency = require('./a');

const render = function() {
    const bar = 'dummy';
    setInterval( currency.currencyExchange, 1500, bar);
};

render();

运行这个...

node b.js

...输出这个：

currencyExchange():  bar
render():  bar