提问者:小点点

Socket.io中io.on和socket.on的区别?


我对函数传递的“socket”参数(在“enigma”部分)感到困惑。然后使用参数“socket.on”。io.on和socket.on有什么区别?

以下代码略微改编自 Socket.io 聊天应用程序示例。

变量

var http = require('http');
var express = require('express');
var app = express();
var server = http.createServer(app)
var io = require('socket.io').listen(server);

这个谜

io.on('connection', function (socket) {
  console.log('user connected');
  socket.on('message', function(msg) {
    console.log('message: ' + msg);
    io.emit('message', msg);
  })
});

启动服务器

server.listen(3000, function() {
  console.log('server is running');
});

索引翡翠

body
  script(src="/socket.io/socket.io.js")

form(method='post', action="/")
  input(type='text', id='user', autocomplete='off')
  input(type='submit', onClick="myFunc()")

strong messages:
  p(id="messages")

script.
  var socket = io();

  socket.on('message', function(msg) {
    console.log('client: ' + msg);
  });

  function myFunc() {
    var text = document.getElementById('user');
    socket.emit('message', text.value);
    text.value = '';
  };

共1个答案

匿名用户

在您的代码示例中,io是一个Socket.io服务器实例,它连接到侦听传入事件的http.server实例。

连接事件侦听器回调函数的socket参数是一个对象,表示来自客户端的传入套接字连接。

它们都可以使用on方法侦听事件。

如果您像这样重新想象代码示例,它可能会帮助您直观地理解两者是如何分开的:

var connectionEvent = function(socket) {
    console.log('user connected');
    socket.on('message', function(msg) {
        console.log('message: ' + msg);
        io.emit('message', msg);
    });
};

io.on('connection', connectionEvent);