使用 object.create 自定义原生对象类，特别是 Javascript 中的 RegExp

Question

我正在研究 Object.create 以创建自定义 RegExp 类。我想使用纯 JS 而不是 JQuery 或其他库。花时间研究了 MDN，here 和其他地方，我发现我的期望和理解仍然不足以完成我的任务。

到目前为止，我有这个：

( function ( SEAC ) {
    var _NativeRegExp = RegExp,
        _NativeRegExpProto = _NativeRegExp.prototype;
    SEAC.RegExp = function ( ) { _NativeRegExp.apply( this, arguments ); };
    SEAC.RegExp.prototype = Object.create( _NativeRegExpProto );    
} )( self.SEAC || ( self.SEAC = {} ) );

如果我在下面的代码中使用它：

var re = new SEAC.RegExp( "[aeiou]+", 'g' );
var match = 'The quickening'.match( re );

我收到以下回复：

TypeError：方法 RegExp.prototype.toString 调用不兼容 接收者[对象对象]

我希望这个意图和问题足够清楚。

任何人都可以向我解释我做错了什么和/或建议如何做到这一点？或者也许我的方法不是最好的方法，建议另一种方法。我之前没有使用 Object.create，但我想看看这是否是处理继承和类创建的更好方法。

为什么要这么做，当然是想自定义类和一些原生方法。

Answer 1

这似乎有点古怪，但似乎浏览器正在幕后进行一些类型检查。这是我运行的示例：

var Foo = function() {
  this.toString = function() {
    return "[object RegExp]";
  }
  return this;
};
Foo.prototype = Object.create(new RegExp);
var foo = new Foo("[aeiou]+", 'g' );
var match = 'The quickening'.match( foo );
console.log(match);
-- ["e", index: 2, input: "The quickening"] 

所以这很奇怪，但是只是确保 toString 是在实例上定义的函数并且它似乎工作得很好......这当然是在欺骗浏览器内部的“是一个正则表达式”检查......所以不保证适用于所有情况...例如：

foo.exec("The quickening")

死于：

TypeError: Method RegExp.prototype.exec called on incompatible receiver [object Object]

因此，也许更好的方法是让您的对象仅代理到它在构造时生成的内部 RegExp 对象……您可以代理所有您想要的 RegExp 方法，然后添加您自己的方法。它有点愚蠢，但您可能可以获得更多按预期工作的方法。我们对 Capped Array 实现做了类似的事情：https://github.com/jive/JiveJS-Commons/blob/master/libs/capped.js 但话说回来，Array 在这种事情上的表现比 RegExp 好得多。