JS面向对象的程序设计之继承-继承的实现-借用构造函数

duan199226 发布于2019-08-23 12:28 / 1294人阅读

摘要：面向对象的程序设计之继承继承的实现借用构造函数前言最近在细读高级程序设计，对于我而言，中文版，书中很多地方翻译的差强人意，所以用自己所理解的，尝试解读下。继承了注意，这一段代码借调了超类型的构造函数。

JS面向对象的程序设计之继承-继承的实现-借用构造函数

前言：最近在细读Javascript高级程序设计，对于我而言，中文版，书中很多地方翻译的差强人意，所以用自己所理解的，尝试解读下。如有纰漏或错误，会非常感谢您的指出。文中绝大部分内容引用自《JavaScript高级程序设计第三版》。

借用构造函数

为了解决原型中包含引用类型值所带来问题，开发人员开始使用一种叫做借用构造函数(constructor stealing)的技术。

有时候也叫伪造对象或者经典继承。

这种技术的基本思想非常简单，即在子类型构造函数内部调用超类型构造函数。

函数只不过是在特定环境中的执行代码的对象，因此通过使用apply()和call()方法也可以在新创造的对象上执行构造函数。

function SuperType() {
    this.colors = ["red","blue","green"];
}

function SubType() {
    //继承了SuperType
    SuperType.call(this);
}

var instance1 = new SubType();

instance1.colors.push("black");
console.log(instance1.colors); //["red","blue","green","black"]

var instance2 = new SubType();
console.log(instance2.colors); //["red","blue","green"]

注意，这一段代码“借调”了超类型的构造函数。

function SubType() {
    //继承了SuperType
    SuperType.call(this);
}

通过使用call()方法（或apply()方法也可以），实际上是在将要创建的SubType实例对象的环境下调用了SuperType构造函数。

这样一来，就会在新SubType对象上，执行SuperType()函数中定义的所有对象初始化代码。

所以，SubType的每个实例对象都有具有自己的colors属性的副本了。

传递参数

相对于原型链而言，借用构造函数有一个很大的优势，就是可以在子类型构造函数中向超类型构造函数传递参数。

function SuperType(name) {
    this.name = name;
}

function SubType(){
    //继承了SuperType，同时还传递了参数
    SuperType.call(this, "Shaw");

    //实例属性
    this.age = 18;
}

var instance = new SubType();

console.log(instance.name); // "Shaw"
console.log(instance.age); // 18

以上代码中的SuperType只接受一个参数name，该参数会直接赋值给一个属性。

在SubType构造函数内部调用SuperType构造函数时，实际上是为SubType的实例对象设置了name属性（this的指向，跟执行上下文有关）。

为了确保SuperType构造函数不会重写子类型的属性，可以在调用超类型的构造函数后，再添加应该在子类型中定义的属性。

借用构造函数的问题

如果仅仅是借用构造函数，那么也将无法避免构造函数模式存在的问题。

方法都在构造函数中定义，函数的复用就无从说起了，每实例化一个对象，实质上都在每个实例对象上重新创建了一遍方法，造成内存和资源的浪费。

而且，在超类型的原型中定义的方法，对子类型而言也是不可见的（因为这里没用原型对象，实际上子类型的原型链指向了Object），结果所有类型都只能使用构造函数模式。

考虑到这些问题，借用构造函数的技术也是很少多带带使用的。

云服务器 GPU云服务器继承构造函数构造函数继承 java函数的继承 js原型链的继承

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98575.html

javascript面向对象之继承(上)

摘要：使用原型链实现对原型属性和方法的继承，用借用构造函数模式实现对实例属性的继承。我们之前介绍了javascript面向对象的封装的相关内容，还介绍了js的call方法，今天开始讨论js的继承这篇文章参考了《javascript高级程序设计》（第三版），但内容不局限于，网上很多关于js继承的相关内容都是来自于这本书，有兴趣的同学可以翻阅查看原型链继承我们先通过一个栗子，了解一下原型链...

ivyzhang 2019-08-23 14:09 评论0 收藏0
JS面向对象的程序设计之继承的实现-组合继承

摘要：实现思路使用原型链实现对原型方法和方法的继承，而通过借用构造函数来实现对实例属性的继承。继承属性继承方法以上代码，构造函数定义了两个属性和。 JS面向对象的程序设计之继承的实现-组合继承前言：最近在细读Javascript高级程序设计，对于我而言，中文版，书中很多地方翻译的差强人意，所以用自己所理解的，尝试解读下。如有纰漏或错误，会非常感谢您的指出。文中绝大部分内容引用自《Java...

antz 2019-08-23 12:29 评论0 收藏0
JS学习笔记（第6章）（面向对象之继承——JS继承的六大方式）

摘要：除此之外，在超类型的原型中定义的方法，对子类型而言也是不可兼得，结果所有类型都只能用构造函数模式。创建对象增强对象指定对象继承属性这个例子的高效率体现在它只调用了一次构造函数。 1、原型链原型链的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系：每个构造函数都有一个原型对象；原型对象都包含着一个指向构造函数的指针；实例都包含一个指向原型对象的...

lscho 2019-08-26 13:33 评论0 收藏0
JavaScript之深入各种继承

摘要：通常有这两种继承方式接口继承和实现继承。理解继承的工作是通过调用函数实现的，所以是寄生，将继承工作寄托给别人做，自己只是做增强工作。适用基于某个对象或某些信息来创建对象，而不考虑自定义类型和构造函数。一、继承的概念继承，是面向对象语言的一个重要概念。通常有这两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。《JS高程》里提到：由于函数没有签名，...

tomlingtm 2019-08-23 17:08 评论0 收藏0
面向对象的程序设计之继承

摘要：以下是几种中实现继承的方式方法它们也是各自有各自的优缺点选择哪一种根据自己的应用而定最适合自己的才是最好的通过原型链继承通过原型对象继承缺点引用类型的值在原型中会被所有实例共享不能向超类的构造函数中传递参数借用构造函数继承借用构造函数继承是以下是几种js中实现继承的方式方法,它们也是各自有各自的优缺点,选择哪一种根据自己的应用而定,最适合自己的才是最好的. 通过原型链继承 funct...

魏明 2019-08-22 11:59 评论0 收藏0