解析John Resig Simple JavaScript Inheritance代码

	作者：CC	今阅(1)	3日(1)	7日(1)
	发表时间:2024-04-28 12:11:33		30日(4)	总阅(8)

文章摘要：以下是simplejavascriptinheritance的基本代码结构：以上代码实现了一个轻量级的javascript继承库，通过`class.extend`方法可以创建新的类并继承原有类的属性和方法，simplejavascriptinheritance是一种轻量级的javascript继承库，允许在javascript中实现类似于面向对象编程的继承功能，这个库的设计参考了一些常见的javascript继承模式，可以方便地在项目中实现简单的类继

要解析John Resig的Simple JavaScript Inheritance代码，首先需要了解该代码的目的是什么。Simple JavaScript Inheritance是一种轻量级的JavaScript继承库，允许在JavaScript中实现类似于面向对象编程的继承功能。以下是Simple JavaScript Inheritance的基本代码结构：

```javascript
var Class = (function() {
  var initializing = false,
      fnTest = /xyz/.test(function(){xyz;}) ? /_super/ : /.*/;

// 基础Class类定义
  this.Class = function() {};

// 创建一个新类
  Class.extend = function(prop) {
    var _super = this.prototype;

// 实例化一个中间类，减少原型链上的实例化次数
    initializing = true;
    var prototype = new this();
    initializing = false;

// 将属性混入新的prototype中
    for (var name in prop) {
      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
            // 暂存_super方法
            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];
    }

// 实例化新类
    function Class() {
      if (!initializing && this.init) {
        this.init.apply(this, arguments);
      }
    }

Class.prototype = prototype;
    
    // 设置构造函数为Class类
    Class.constructor = Class;
    
    // 为新类添加extend方法
    Class.extend = arguments.callee;
  
    return Class;
  };
  
  return Class;
})();
```

以上代码实现了一个轻量级的JavaScript继承库，通过`Class.extend`方法可以创建新的类并继承原有类的属性和方法。在创建新类时，可以通过`this._super`来调用父类的同名方法。这个库的设计参考了一些常见的JavaScript继承模式，可以方便地在项目中实现简单的类继

前一篇:Javascript在IE和FireFox中的不同表现简析后一篇:JavaScript代码复用模式实例分析

豫ICP备16000183号-1