欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

你知道socket.io中connect事件和connection事件的区别吗?

发布时间:2025/3/20 编程问答 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 你知道socket.io中connect事件和connection事件的区别吗? 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

server端的socket.io中有两个连接事件.一个是.on('connect'),一个是.on('connection').

官网上没有对这两个事件的区别进行解释.

那么这两个事件有什么区别呢? 使用起来似乎没有什么差别哎?

笔者就2.0.4版本的socket.io进行实验.

基本情形

这段代码搭建起了一个最简单的socket.io服务器,监听1111端口.

var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http);io.on('connect',function (socket) {console.log('conenct',socket.id); });io.on('connection', function(socket){console.log('connection',socket.id); });http.listen(1111);

客户端连接之后,log如下:

conenct 8uBVxwqym7pxsJANAAAA connection 8uBVxwqym7pxsJANAAAA

可以看到,都正常地响应了连接事件.但是,我们发现connect事件似乎要先于connection事件,因为它的日志在前!

我们验证一下我们的猜想.

交换位置:connect套connection

var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http);io.on('connect',function (socket) {console.log('conenct',socket.id);io.on('connection', function(socket){console.log('connection',socket.id);}); });http.listen(1111);

我们发现,输出log的顺序没有变化:

conenct pSlSKNaabR2LBCujAAAA connection pSlSKNaabR2LBCujAAAA

这说明,connection事件在connect事件之后还能被触发.

交换位置:connection套connect

我们想要验证connection事件之后,connect不能被触发.

var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http);io.on('connection', function(socket){console.log('connection',socket.id);io.on('connect',function (socket) {console.log('conenct',socket.id);}); });http.listen(1111);

输出结果和预期相符,我们可以发现,connection事件触发之后,connect事件没有被触发!

connection 1QCOp0Y0fuH2xG-LAAAA

结论

connect和connection事件功能相似,但是被触发的时间不同.connect先于connetion.

connect是一旦有连接就被触发,而connection在连接完全建立后才被触发.

一般直接如同官网示例那样,直接使用connection事件即可.

但是为了保持与前端的一致性,全部使用connect事件也未尝不可.

参考资料:
https://socket.io/get-started...
https://stackoverflow.com/que...

总结

以上是生活随笔为你收集整理的你知道socket.io中connect事件和connection事件的区别吗?的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。