首页 > 解决方案 > 如何修复 NodeJS 中的“无法读取未定义的属性“发出”错误

问题描述

我正在创建一个类来处理 socket.io 中的事件,我不能在这个类中调用 this.io.emit。

-- Socket file
class Socket {
    constructor(io) {
        this.io = io;
    }
    run() {
        this.io.on('connection', function(socket) {
            console.log('new client has connect', socket.id);
            this.io.emit('new-client', socket.id);
        });
    }
}
module.exports = Socket;



typeError: Cannot read property 'emit' of undefined
    at Namespace.<anonymous> (C:\Users\truon\OneDrive\Desktop\ProjectNodeJS\socket.js:8:12)
    at Namespace.emit (events.js:189:13)
    at Namespace.emit C:\Users\truon\OneDrive\Desktop\ProjectNodeJS\node_modules\socket.io\lib\namespace.js:181:14
    at process._tickCallback (internal/process/next_tick.js:61:11)

标签: node.jsclassecmascript-6socket.io

解决方案


回调函数里面,this不等于Socket实例。

您需要使用.bind或使用箭头函数。

class Socket {
    constructor(io) {
        this.io = io;
    }
    run() {
        this.io.on('connection', socket => {
            console.log('new client has connect', socket.id);
            this.io.emit('new-client', socket.id);
        });
    }
}
module.exports = Socket;

否则this是引用当前的命名空间对象。如果你不想使用箭头函数,你可以这样做:

this.emit('new-client', socket.id)

run() {
    this.io.on('connection', function(socket) {
         console.log('new client has connect', socket.id);
         // this is referencing the Namespace
         this.emit('new-client', socket.id);
    });
}

您可以阅读以下问题以获取有关箭头功能 & 的更多信息this


推荐阅读