具有一个功能的 Angular 多个事件

Posted 2023-02-16

【中文标题】具有一个功能的 Angular 多个事件

【英文标题】：Angular Multiple events with one function

【发布时间】：2016-10-25 19:46:54

【问题描述】：

我正在使用具有以下事件的 Websocket (javascript)：

    ctrlScope.conn.onerror = function() 
      ctrlScope.updateStatus();
    ;

    ctrlScope.conn.onclose = function() 
      ctrlScope.updateStatus();
    ;

    ctrlScope.conn.onopen = function() 
      ctrlScope.updateStatus();
    ;

如您所见，我正在使用这些事件更新聊天状态，但它看起来是重复的，有没有办法将所有这些 Websocket 事件合并为一个？

ctrlScope.conn[onError][onClose][onOpen] = function() 
   ctrlScope.updateStatus();
;

另外还有一个 Websocket 变量：readyState，它提供与事件相同的连接状态。这可以代替麻烦的功能，但是 $watch 不能用它。

请大家帮忙:(

【参考方案1】：

这段代码我没试过，但理论上你可以这样写：

var handlers = ["onerror","onclose","onopen"];
for(var i=0;i<handlers.length;i++)
    ctrlScope.conn.[handlers[i]] = ctrlScope.updateStatus;
;

这是利用 javascript 使用点表示法 (ctrlScope.conn.onopen) 或数组表示法 (ctrlScope.conn["onopen"]) 引用元素的能力