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无法在this.handlers中看到genericClickHandler。

无论如何，我之后的功能是定义一次，但有方法和属性。我希望能够像谷歌地图一样使用这个功能：

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对象？

2 个答案: