Question

我对使用该函数传递的'socket'参数感到困惑（在'the 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');
});

index.jade

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 = '';
  };

Answer 1

在您的代码示例中，io是附加到http.Server实例的Socket.IO服务器实例，用于侦听传入事件。

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

他们都可以使用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);

Socket.io中的io.on和socket.on之间的区别？

1 个答案: