javascript 将自定义错误处理程序设置为第三方插件或模块

Question

我试图在我的核心库中为第 3 方插件/模块设置自定义错误处理程序，但不知何故， myHandler 不会提醒 e.message。

有人可以帮我吗？谢谢

Function.prototype.setErrorHandler = function(f) {
 if (!f) {
  throw new Error('No function provided.');
 }
 var that = this;
 var g = function() {
  try {
   var a = [];
   for(var i=0; i<arguments.length; i++) {
    a.push(arguments[i]);
   }
   that.apply(null,a);
  }
  catch(e) {
   return f(e);
  }
 };
 g.old = this;
 return g;
};


function myHandler(e) {
 alert(e.message)
};

// my Core library object
(function(){
 if (typeof window.Core === 'undefined') {
  var Core = window.Core = function() {
   this.addPlugin = function(namespace, obj){
    if (typeof this[namespace] === 'undefined') {
     if (typeof obj === 'function') {
      obj.setErrorHandler(myHandler);
     } else if (!!obj && typeof obj === 'object') {
      for (var o in obj) {
       if (obj.hasOwnProperty(o) && typeof obj[o] === 'function') {
        obj[o].setErrorHandler(myHandler);
       }
      }
     }

     this[namespace] = obj;

     return true;
    } else {
     alert("The namespace '" + namespace + "' is already taken...");
     //return false;
    }
   };
  };

  window.Core = new Core();
 }
})();

// test plugin
(function(){
 var myPlugin = {
  init: function() {},
  conf: function() {
   return this.foo.x; // error here
  }
 };

 Core.addPlugin("myPlugin", myPlugin);
})();

// test
Core.myPlugin.conf(); // supposed to alert(e.message) from myHandler()

Answer 1

上面代码中的 setErrorHandler 并没有在 Function 上设置错误处理程序。 JavaScript 不允许您更改 Function 对象内的调用代码。

相反，它创建了所调用函数的包装版本，然后返回它。

obj.setErrorHandler(myHandler);

无法工作，因为返回的包装函数被丢弃，没有分配给任何东西。

你可以说：

obj[o]= obj[o].setErrorHandler(myHandler);

尽管我有点担心用不同的包装版本交换函数的后果。这不一定适用于所有情况，并且肯定会混淆第三方代码。至少，您需要确保不会两次包装函数，并在包装​​器中保留调用时 this 值：（

that.apply(this, a);

注意：您不需要手动转换将 arguments 传递给数组。将 arguments 对象直接传递给 apply 是有效的。）