使用创建的对象调用另一个函数后，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... 

。