如何通过JavaScript实现对象继承?
- 内容介绍
- 文章标签
- 相关推荐
本文共计3794个文字,预计阅读时间需要16分钟。
JavaScript实现继承方式:
1.构造函数模式,直接使用prototype设计类;
2.动态原型模式,利用prototype实现继承;
3.工厂模式,通过工厂函数实现继承;
4.类式继承,通过子类调用父类构造函数实现继承。
javascript实现继承方式:1、构造原型,直接使用prototype原型设计类的继承;2、利用动态原型实现继承;3、利用工厂模式实现继承;4、利用类继承,通过在子类中调用父类构造函数来实现继承。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
JS实现继承的几种方式
构造原型
直接使用 prototype 原型设计类的继承存在两个问题。
由于构造函数事先声明,而原型属性在类结构声明之后才被定义,因此无法通过构造函数向原型动态传递参数。这样实例化对象都是一个模样,没有个性。要改变原型属性值,则所有实例都会受到干扰。
当原型属性的值为引用类型数据时,如果在一个对象实例中修改该属性值,将会影响所有的实例。
示例1
简单定义 Book 类型,然后实例化。
本文共计3794个文字,预计阅读时间需要16分钟。
JavaScript实现继承方式:
1.构造函数模式,直接使用prototype设计类;
2.动态原型模式,利用prototype实现继承;
3.工厂模式,通过工厂函数实现继承;
4.类式继承,通过子类调用父类构造函数实现继承。
javascript实现继承方式:1、构造原型,直接使用prototype原型设计类的继承;2、利用动态原型实现继承;3、利用工厂模式实现继承;4、利用类继承,通过在子类中调用父类构造函数来实现继承。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
JS实现继承的几种方式
构造原型
直接使用 prototype 原型设计类的继承存在两个问题。
由于构造函数事先声明,而原型属性在类结构声明之后才被定义,因此无法通过构造函数向原型动态传递参数。这样实例化对象都是一个模样,没有个性。要改变原型属性值,则所有实例都会受到干扰。
当原型属性的值为引用类型数据时,如果在一个对象实例中修改该属性值,将会影响所有的实例。
示例1
简单定义 Book 类型,然后实例化。

