javascript原型-添加回调

javascript prototype - adding a callback

本文关键字：回调 添加 原型 javascript      更新时间：2023-12-07

我使用的是javascript显示原型模式，我想添加一个回调。我正在尝试类似的东西：

http://jsfiddle.net/Qyhrb/2/

  var Refinements = function () { };
  Refinements.prototype = function () {
    Init = function () {
      $('.btn').click(Callback);
    },
    Callback = function(){
      alert('default function');
    };
    return { Init: Init, Callback : Callback };
  }();

   var refinements = new Refinements();
   refinements.Callback = function(){ alert('new method'); };
   refinements.Init();

本质上，我想做的是将回调传递到对象中，并在事件发生时引发该回调。

    Init = function () {
        var refinement = this;
        $('.btn').click(refinement.Callback || Callback);
    },

Fiddle

var Refinements = function() {};
Refinements.prototype = function() {
  return {
    init: function() {
      $('.btn').click(this.callback);
    },
    callback: function() {
      alert('default function');
    }
  }
}();

var refinements = new Refinements();
refinements.callback = function() {
  alert('new method');
};
refinements.init();

当我分离出原型函数并删除return { Init: Init, Callback : Callback };部分时，一切似乎都很好。

function Refinements() {}
Refinements.prototype.Init = function() {
    $('.btn').click(this.Callback);
};
Refinements.prototype.Callback = function() {
    alert('default function');
};

var refinements = new Refinements();
refinements.Callback = function(){ alert('new method'); };
refinements.Init();​

http://jsfiddle.net/Qyhrb/8/

Foobar = function() {
    this.callBack = function() {
        alert("Default method");
    };
}
Foobar.prototype = {
    Init: function() {
        var self = this;
        $(".btn").click(function() {
            self.callBack.call();
        });
    }
};
var foobar = new Foobar();
foobar.Init();
foobar.callBack = function() {
    alert("Boo!");
};
相关文章：