server端的socket.io中有兩個連接事件.一個是.on('connect'),一個是.on('connection').

官網(wǎng)上沒有對這兩個事件的區(qū)別進行解釋.

那么這兩個事件有什么區(qū)別呢? 使用起來似乎沒有什么差別哎?

筆者就2.0.4版本的socket.io進行實驗.

基本情形

這段代碼搭建起了一個最簡單的socket.io服務(wù)器,監(jiān)聽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

可以看到,都正常地響應(yīng)了連接事件.但是,我們發(fā)現(xiàn)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);

我們發(fā)現(xiàn),輸出log的順序沒有變化:

conenct pSlSKNaabR2LBCujAAAA connection pSlSKNaabR2LBCujAAAA

這說明,connection事件在connect事件之后還能被觸發(fā).

交換位置:connection套connect

我們想要驗證connection事件之后,connect不能被觸發(fā).

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);

輸出結(jié)果和預(yù)期相符,我們可以發(fā)現(xiàn),connection事件觸發(fā)之后,connect事件沒有被觸發(fā)!

connection 1QCOp0Y0fuH2xG-LAAAA

結(jié)論

connect和connection事件功能相似,但是被觸發(fā)的時間不同.connect先于connetion.

connect是一旦有連接就被觸發(fā),而connection在連接完全建立后才被觸發(fā).

一般直接如同官網(wǎng)示例那樣,直接使用connection事件即可.

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

參考資料:
https://socket.io/get-started...
https://stackoverflow.com/que...

總結(jié)

以上是生活随笔為你收集整理的你知道socket.io中connect事件和connection事件的区别吗?的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。