JavaScriptのこの手のコードの考え方が分からない

普段はC/C++で仕事をしています。
最近JavaScript/TypeScriptを勉強しているのですが、以下のようなコードの読み方/考え方が分かりません。

js
1socket.on('connect', () => {
2  // either with send()
3  socket.send('Hello!');
4});
5
6// handle the event sent with socket.send()
7socket.on('message', data => {
8  console.log(data);
9});

このsocket.onという関数の第1引数である'connect'や'message'って何なのでしょうか？
第2引数がコールバック関数の定義であるのは分かるのですが・・・。

もし接続されたときにはこのコールバック関数を呼びなさい、メッセージを受け取ったらこのコールバック関数を呼びなさい、
という意味で第1引数が存在するのであれば、以下の様に明示的な関数が存在することを期待してしまうのですが、
なぜ文字列で与えるのでしょうか。

js
1socket.on_connect(() => {
2  socket.send('Hello!');
3});

そしてこちらの例を見ると、
connectではなくconnectionが与えられています。どっちでも良いのでしょうか？

js
1io.on('connection', socket => { /* ... */ });

よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

もし接続されたときにはこのコールバック関数を呼びなさい、メッセージを受け取ったらこのコールバック関数を呼びなさい、

という意味で第1引数が存在するのであれば

そのとおりです。

以下の様に明示的な関数が存在することを期待してしまうのですが、なぜ文字列で与えるのでしょうか。

Socket.ioの場合、onの後のイベント名は、送信側と受信側で同じものを設定すれば、自由に選べます（ライブラリ側で与えられた特定の名前を使う、というものではありません）。いちおう、いまのJavaScriptでは、Proxyを活用することで、「on_***というメソッドをまとめて処理する」ことも可能ですが、明らかに煩雑となります。