我对函数传递的“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 = '';
};
在您的代码示例中,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);