使用創建的對象調用另一個函數後，Javascript創建的對象屬性值未定義

Question

我知道這可能是一個愚蠢的問題，但我是新來的JavaScript，所以將不勝感激一些指導。

我有以下notificationSocketEventHandler對象創建：

const notificationSocketEventHandler = Object.create(socketHandlerProto, { 
    validators: { 
    created: [], 
    destroyed: [], 
    loadedFromSocket: [], 
    updated: [], 
    addedto: { 
     relation: [] 
    }, 
    removedfrom: { 

    } 
    }, 
    created: function (data) { 
    if (this.validateProfileData(data, validators.created)) {} else {} 
    }, 
    destroyed: function (data) {}, 
    updated: function (data) {}, 
    loadedFromSocket: function (data) { 
     console.log('Loaded from socket') 
     console.log(data) 
    } 
}) 

此事件處理程序被用來從插座 所以聽通知和設置這樣

$.globals.socket.on('notifications',notificationSocketEventHandler); 

事件原型定義如下：

$.globals.socket = { 
    events: {}, 
    on: function (attr, func) { 
    if (!attr) return false 
    this.events[attr] = this.events[attr] || []; 
    this.events[attr].push(func) 
    return true 
    }, 
    remove(attr, func) { 
    if (!events[attr]) return false 

    this.events[attr].forEach(function (f, indx) { 
     if (f === func) { 
     events[attr].slice(indx, 1) 
     } 
    }) 
    }, 
    trigger: function (attr, thisArg, paramArgs) { 
    if (Array.isArray(attr) && attr.length) { 
     var obj = this.events[attr[0]] 
     for (var i = 1; i < attr.length; i++) { 
     if (!obj) return 
     obj = obj[attr[i]] 
     } 
     if (typeof obj == 'function') obj.apply(thisArg, paramArgs) 
     if (Array.isArray(obj)) { 
     obj.forEach(function (c) { 
      if (typeof c == 'function') c.apply(thisArg, paramArgs) 
     }) 
     } 
     return 
    } 
    if(this.events[attr]){ 
     console.log(this.events[attr]) 
     this.events[attr].forEach(function (f) { 
     if (typeof f === 'function') 
      f.apply(thisArg, paramArgs) 
     }) 
    } 
    } 
} 

我遇到的問題是，notificationSocketEventHandler對象被傳遞到$.globals.socket.on功能並最終後被推入事件對象，屬性中的notificationSocketEventHandler如created，destroyed，loadedFromSocket它被傳遞給$.globals.socket.on功能之前被定義爲函數，在事件對象中突然變成'undefined'，爲什麼？

Answer 1

Object.create有點令人困惑 - 你不能使用普通對象作爲第二個參數，它必須是'屬性描述符'的對象。要正常工作，您的代碼將需要沿着這些路線進行格式化：

const notificationSocketEventHandler = Object.create(socketHandlerProto, { 
    'validators': { 
    value: { 
    'created': { 
      value: [] 
     }, 
     'destroyed': { 
      value: [] 
     }, 
     'loadedFromSocket': { 
      value: [] 
     } 
    }  
    } 
}); 

除非你遍歷這些這將是乏味的性能。你會被關閉，避免的Object.create，只是做一個對象通常要好得多：

const notificationSocketEventHandler = { 
    created: [], 
    destroyed: [], 
    etc... 
} 

或添加的屬性構造函數的原型（順便說一句，人們通常使構造名稱以大寫字母開頭，所以它馬上的很明顯他們是建設者 - 節省您不必在名稱末尾加上「原」一件事反正）：

var SocketHandler = function { 
    this.created = []; 
    this.destroyed = [] 
    etc... 
} 

const notificationSocketEventHandler = new SocketHandler 

或

var SocketHandler = {}; 
SocketHandler.prototype.created = []; 
SocketHandler.prototype.destroyed = []; 
etc... 

。