Electron学习笔记：渲染进程向主进程注册回调的坑

最新推荐文章于 2022-12-15 11:11:16 发布

转载最新推荐文章于 2022-12-15 11:11:16 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000018227479

本文探讨了在Electron应用中，主进程与渲染进程间通信时出现的this绑定问题。通过修改主进程的testCallback方法，将this参数正确传递至渲染进程，解决了原本的回调函数绑定错误。修正后的代码确保了跨进程通信的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下代码会出现错误

// 主进程
const el = require('electron');
el.app.testMain = {
    testName: 'main process object',
    testCallback: function(callback) {
        callback.apply(this);
    }
};


// 渲染进程
const mt = require('electron').remote.app.testMain;
mt.testCallback(function() {
    console.log(this.testName);
});

渲染进程的回调方法在主进程中调用时，被封装成一个名为callInRenderer的方法，因此使用apply绑定this时，并没有实际绑定到渲染进程的回调方法上面。

以下代码可解决:

// 主进程
const el = require('electron');
el.app.testMain = {
    testName: 'main process object',
    testCallback: function(callback) {
        callback.apply(null, [this]);
    }
};

// 渲染进程
const mt = require('electron').remote.app.testMain;
mt.testCallback(function(ref) {
    console.log(ref.testName);
});