javascript 面向对象继承

在prototype框架中的类继承实现机制 代码如下: //为Object类添加静态方法：extend Object.extend = function(destination, source) { for(property in source) { destination[property] = source[property]; } return destination; } //通过Object类为每个对象添加方法extend Object.prototype.extend = function(object) { return Object.extend.apply(this, [t JavaScript中的面向对象编程是基于原型（Prototype）的，与传统的类继承有所不同。在这个框架下，对象可以直接从其他对象继承属性和方法，而无需定义类。本文将深入探讨JavaScript中的面向对象继承，特别是如何通过`prototype`实现类继承。 我们要理解`Object.extend`这个静态方法的作用。它接收两个参数，`destination`和`source`，并将`source`对象的所有可枚举属性复制到`destination`对象上。这实际上实现了属性的浅复制，不涉及深层次的对象或数组。`return destination;`确保了方法返回的是经过扩展后的对象，方便链式调用。 接着，我们看到`Object.prototype.extend`，这是一个为所有JavaScript对象添加的实例方法。其内部使用`apply`来调用`Object.extend`，并将当前对象`this`和传入的`object`作为参数。这样，任何对象都可以通过`extend`方法来扩展其他对象的属性和方法。 接下来是类继承的实现。在JavaScript中，我们通常通过修改对象的`prototype`来实现继承。在提供的代码中，首先定义了一个`class1`，然后为其`prototype`添加了`method`和`method2`两个方法。接着，我们创建了`class2`，并且想要让它继承`class2`。这里的关键步骤是： ```javascript class2.prototype = (new class1()).extend({ method: function() { alert("class2"); } }); ``` 这一行代码首先创建了一个新的`class1`实例，然后用这个实例的`extend`方法扩展了一个新对象，新对象包含覆盖原有`method`的新定义。我们将这个扩展后的新对象赋值给`class2.prototype`，实现了继承。这样，`class2`的实例就可以访问`class1`的`prototype`上的所有方法，同时拥有自己特有的`method`方法。 通过创建`obj1`和`obj2`两个实例，我们可以验证继承是否成功。`obj1`是`class1`的实例，能够调用`method`和`method2`；`obj2`是`class2`的实例，它不仅能够调用`class1`的`method`和`method2`，还能调用自己的`method`，且`method`行为被覆盖为显示`"class2"`。 总结来说，JavaScript的面向对象继承主要依赖于`prototype`，通过修改对象的`prototype`属性可以实现继承关系。`Object.extend`和`Object.prototype.extend`是辅助实现继承的工具，前者用于对象间的属性复制，后者允许对象自身调用`extend`方法。这种机制使得JavaScript具有高度的灵活性，但也可能带来一些复杂性，如原型链的查找、循环引用等问题，需要开发者在实际编程中谨慎处理。