Question

我有一个JavaScript脚本/库几乎工作得很好，除了我似乎无法解决如何添加删除方法。例如，你会做类似的事情（jQuery被添加得更干净，更容易理解的例子，但我的脚本不需要jQuery）：

//Adds a "widget" to the memory
Core.extend('widget',function(m){
  $(window).click(function(){ alert(m); });
});

//Actually loads widget, and will alert "hello world" each click on the body
Core.load('widget', 'hello world');

//*SHOULD* make it so that when I click on the window the alert no longer shows
Core.remove('widget');

这是我正在编写的代码

var Core = function(){
  var debug = function(m){
    console.log(m);
  }

  var errors = false;

  var extensions = {};

  var listeners = {};

  var extend = function(name,func){
    name = name || '';
    func = func || function(){};
    if(typeof extensions[name] == 'undefined'){
      extensions[name] = func;
    }
    else{
      if(errors){
        throw new Error('Core extend() error: the extension "'+name+'" already exists');
      }
    }
  }

  var load = function(name,params){
    name = name || '';
    params = params || '';
    if(typeof extensions[name]  !== 'undefined'){
      extensions[name](params);
    }
    else{
      if(errors){
        throw new Error('Core load() error: the extension "'+name+'" doesn\'t exist');
      }
    }
  }

  //Sends out a notification to every listener set with this name
  var push = function(name, value){
    name = name || '';
    value = value || '';
    if(typeof listeners[name] !== 'undefined'){
      listeners[name].call(this,value);
    }
    else{
      if(errors){
        throw new Error('Core push() error: the extension "'+name+'" doesn\'t exist');
      }
    }
  }

  //Saves a function to the listeners object to be called by push()
  var listen = function(name, callback){
    name = name || '';
    callback = callback || function(){};
    listeners[name] = callback;
  }

  //Removes an extension from being called
  var remove = function(name){
    name = name || '';
    if(typeof extensions[name] !== 'undefined'){
      delete extensions[name];
    }
    else{
      if(errors){
        throw new Error('Core remove() error: the extension "'+name+'" doesn\'t exist');
      }
    }
  }

  return {
    extend:extend,
    load:load,
    remove:remove,
    push:push,
    listen:listen
  }
}();

示例用例：
http://jsbin.com/enopup

Answer 1

你的问题是从Core中删除该功能但没有取消绑定onClick调用。我怀疑这是在浏览器中缓存的。您可以在删除电话后添加$（window）.unbind（'click'）来快速确认。

JS超出了我的范围，但我建议的可能是一种解除方法，可以解除任何可能采取的行动。

Answer 2

在您的示例中，您的窗口小部件实际上附加了click事件的事件处理程序。

从库对象中删除小部件是不够的，因为您附加了一个事件监听器，您必须将其删除。

Unbind

使用jQuery，您可以使用.unbind()方法删除附加到特定元素的每个事件处理程序。

这样当你再次点击它时就不会做任何事情。

如何在我的脚本中实现“删除”方法？

2 个答案: