一个无原型、无新、只有一个实例的 javascript 对象？

Question

这行不通。

var genericClickHandler = function () {
    this.handlers = [];
    if (console && console.log) {
        console.log("this:", this);
        console.log("event:", event);
    }
};

genericClickHandler.addHandler = function (handlerSpec) {
    this.handlers.push(handlerSpec);
    return this;
};

genericClickHandler.executeHandler = function (handlerName) {
    for (var i = 0; i < this.handlers.length; i++) {
        if (handlerName === this.handlers[i][0]) {
            this.handlers[i][1]();
        }
    }
    return this;
};

它不起作用，因为 addHandler 在 genericClickHandler 中看不到 this.handlers。

无论如何，我所追求的是定义一次但具有方法和属性的函数。我希望能够像这样将函数与 Google 地图一起使用：

heatmap.addListener("click", genericClickHandler)
circle.addListener("click", genericClickHandler)
polygons.addListener("click", genericClickHandler)

所以在第一个实例中，它只报告 this 和 event 对象。但是，然后我想编写动态扩展 genericClickHandler 的代码，以便它可以实现特定于地图对象的行为。

Answer 1

这里有一个例子，说明我的意思是使用对象而不是函数。

var genericClickHandler = {
    handlers: []
};

genericClickHandler.addHandler = function (name, fn) {
    this.handlers.push([name, fn]);
    return this;
};

genericClickHandler.executeHandler = function (name) {
   for (var i = 0, l = this.handlers.length; i < l; i++) {
    if (this.handlers[i][0] === name) this.handlers[i][1]();
   }
};

genericClickHandler.addHandler('click', function () {
  console.log('hi');
});

genericClickHandler.addHandler('click', function () {
  console.log('hallo again');
});

genericClickHandler.executeHandler('click'); // hi... hallo again

DEMO

Answer 2

如果你想创建一个对象，在这里你可以看到两种方法来做同样的事情，javascript有多种方法来写同样的事情。

var genericClickHandler =  function()
{

this.handlers = [];

this.addHandler = function (handlerSpec)
    {
    this.handlers.push(handlerSpec);
    return this;
    },   

this.executeHandler = function (handlerName)
    {
    this.handlers[handlerName]();
    return this;
    }  

};

//sample:
var tmp = new genericClickHandler();
console.log(tmp.handlers);
console.log(tmp.addHandler("TEST"));

另一种编写相同对象的方法，但更优化：原型将为每个对象存储一次

var genericClickHandler = function(){}

genericClickHandler.prototype = 
    {
    handlers:[],

    addHandler : function (handlerSpec)
        {
        this.handlers.push(handlerSpec);
        return this;
        },

    executeHandler : function (handlerName)
        {
        this.handlers[handlerName]();
        return this;
        } 
    }

//sample:
var tmp = new genericClickHandler();
console.log(tmp.handlers);
console.log(tmp.addHandler("TEST"));

一个无原型、无新、只有一个实例的 javascript 对象？

A prototype-less, new-less, one-instance-only javascript object?

javascript

singleton