前言
在前端开发中，我们经常需要通过 JavaScript 调用后端提供的 API 接口。在进行这个过程中，我们就需要用到浏览器和 Node.js 环境中的调用函数的差异问题，这就需要我们借助第三方库来解决这个问题。calljs 就是一个非常好用的 Node.js 模块，它提供了一个通用的方式来调用 JavaScript 函数。
安装 calljs
首先，我们需要使用 npm 来安装 calljs。在命令行中输入以下命令：
npm install calljs
使用 calljs
引入 calljs
我们需要在代码中引入 calljs：
const calljs = require('calljs');
注册 JavaScript 函数
接下来，我们需要将要被调用的 JavaScript 函数以对象的方式注册到 calljs 中。 这些函数通常是在后端代码中定义的，而我们想在前端代码中调用他们。假设后端代码中有如下的函数：
function doSomething(arg1, arg2) {
return arg1 + arg2;
}我们只需要将其注册到 calljs 中：
const funcs = {
doSomething: function (arg1, arg2) {
return doSomething(arg1, arg2);
}
};
calljs.register(funcs);调用 JavaScript 函数
调用已注册的 JavaScript 函数与直接在浏览器中执行 JavaScript 函数类似。只需要将函数名和参数传递给 calljs 函数即可：
calljs('doSomething', 1, 2).then(function (result) {
console.log(result); // 输出 3
});在这里，我们使用 calljs 函数调用已注册的函数。
传递非基本数据类型参数
如果我们要传递一个非基本数据类型的参数，比如对象或者数组，我们需要使用 JSON 序列化和反序列化来解决这个问题。
假设后端代码如下：
function doSomethingWithObj(obj) {
return obj.property;
}我们需要用以下方式注册和调用这个函数：
-- -------------------- ---- -------
----- --- - ---------- ---------
----- ----- - -
------------------- -------- ----- -
------ ------------------------
-
--
-----------------------
---------------------------- ---------------------------------------------- -------- -
-------------------- -- ---------
---在这里，我们在将对象传递给函数之前，使用 JSON 序列化将其转换为字符串。在函数内部，我们需要将该参数反序列化，这里我们需要使用 JSON.parse 函数。
总结
calljs 为前端开发提供了一个通用的方式来调用后端提供的 JavaScript 函数。 在使用 calljs 时，我们需要将要调用的函数注册到 calljs 中，然后通过 calljs 函数来调用已注册的函数，完成前端和后端之间的交互。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c92ccdc64669dde5a29