【问题标题】:Simple JavaScript Inheritence plugin error简单的 JavaScript 继承插件错误
【发布时间】:2013-02-19 09:22:56
【问题描述】:

我阅读了 John Resig 的博客文章,介绍了他基于 base2 和原型编写的简单 JavaScript 继承插件。

示例代码在这里:http://jsfiddle.net/rFfX9/

//'use strict';

/* Simple JavaScript Inheritance
 * By John Resig http://ejohn.org/
 * MIT Licensed.
 */
// Inspired by base2 and Prototype
(function () {
  var initializing = false, fnTest = /xyz/.test(function () { xyz; }) ? /\b_super\b/ : /.*/;

  // The base Class implementation (does nothing)
  this.Class = function () { };

  // Create a new Class that inherits from this class
  Class.extend = function (prop) {
    var _super = this.prototype;

    // Instantiate a base class (but only create the instance,
    // don't run the init constructor)
    initializing = true;
    var prototype = new this();
    initializing = false;

    // Copy the properties over onto the new prototype
    for (var name in prop) {
      // Check if we're overwriting an existing function
      prototype[name] = typeof prop[name] == "function" &&
        typeof _super[name] == "function" && fnTest.test(prop[name]) ?
        (function (name, fn) {
          return function () {
            var tmp = this._super;

            // Add a new ._super() method that is the same method
            // but on the super-class
            this._super = _super[name];

            // The method only need to be bound temporarily, so we
            // remove it when we're done executing
            var ret = fn.apply(this, arguments);
            this._super = tmp;

            return ret;
          };
        })(name, prop[name]) :
        prop[name];
    }

    // The dummy class constructor
    function Class() {
      // All construction is actually done in the init method
      if (!initializing && this.init)
        this.init.apply(this, arguments);
    }

    // Populate our constructed prototype object
    Class.prototype = prototype;

    // Enforce the constructor to be what we expect
    Class.prototype.constructor = Class;

    // And make this class extendable
    Class.extend = arguments.callee;

    return Class;
  };
})();

这行得通。但是,当我在顶部取消注释 'use strict'; 时,它会引发异常,但无法找出解决方案。有什么想法吗?

【问题讨论】:

  • 这篇文章是here给有兴趣的人

标签: javascript oop inheritance plugins strict


【解决方案1】:

在这种情况下,当您调用匿名函数 this 将是 undefined 时,您不会将该函数作为对象的方法调用。在非严格模式下,this 将是 window 对象。

另请参阅:Why is "this" in an anonymous function undefined when using strict?

【讨论】:

  • 这跟匿名与否无关,是范围的问题。
  • 你说一个匿名函数会产生this undefined 但实际上当你看到像 jquery 这样的代码时,你总是将匿名作为回调,通过调用或绑定在相应的上下文中执行,所以通常说你的声明是假的。这是一个调用的问题,而不是函数是否匿名。
  • 你的意思是在全局执行上下文中调用的立即调用函数表达式,它偶然也是一个匿名函数。 Named function with this == undefined
  • 你完全正确。我只是想强调一点,函数是否匿名并不重要,重要的是执行方法。这是很多混乱的地方。一个很好的例子也是你链接答案的评论中的小提琴。
  • 那我该如何解决呢?如果我把窗口放在最后})(window); 的代码中,它并没有太大的区别。我最好删除'use strict'; 吗?!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-11-30
  • 1970-01-01
  • 2023-03-22
  • 2012-06-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多