js继承之二-----借用构造函数

淩亂°似流年 2022-06-10 07:09 184阅读 0赞

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

这种技术的基本思想相当简单，即在子类型构造函数的内部调用超类型构造函数。别忘了，函数只补过时在特定环境中执行的

代码的对象，因此通过使用apply()和call()方法也可以在（将来）新创建的对象上执行构造函数，如下所示：

<script type="text/javascript">
    		function SuperType(){
    			this.colors = ["red","blue","green"];
    		}
    	
    		function SubType(){
    			//继承了SuperType
    			SuperType.call(this);
    		}
    
    		var instance1  = new SubType();
    		instance1.colors.push("black");
    		alert(instance1.colors);//"red,blue,green,black"
    
    		var instance2 = new SubType();
    		alert(instance2.colors);//"red,blue,green"
      </script>

这样，SubType的每个实例就都会具有自己的colors属性的副本了。

1. 传递参数

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

<script type="text/javascript">
    	function SuperType(name){
    		this.name = name;
    	}
    	
    	function SubType(){
    		//继承了SuperType,同时传递还传递了参数
    		SuperType.call(this,"Nicholas");
    
    		//实例属性；实例属性应些在上面语句之后，可以确保父类构造函数不会重写子类的属性。
    		this.age = 29;
    	}
    
    	var instance = new SubType();
    	alert(instance.name);
    	alert(instance.age);
      </script>

2. 借用构造函数的问题

如果仅借用构造函数，那么将无法避免构造函数模式存在的问题：方法都在构造函数中定义，因此函数复用就无从谈起。

且，超类型中定义的方法，对于子类型也是不可见的，结果所有类型都只能使用构造函数模式。

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

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript 的七种继承方式（二）借用构造函数

调用构造函数在上一篇中我们提到，原型继承中由于原型属性和方法都是共享的，所以对于引用类型的属性就会存在一些问题。为了解决这个问题，开发人员开始使用一种叫做借用构造函数的

深藏阁楼爱情的钟/ 2022年11月29日 05:46/ 0 赞/ 174 阅读

相关 js 非构造函数的继承 object()方法

$(document).ready(initPage); function initPage() { var Doct

迈不过友情╰/ 2022年07月21日 02:20/ 0 赞/ 186 阅读

相关 js中的构造函数，原型，原型链，继承

在自身的理解中，这几个概念是分不开的，不能脱离一种去了解另外一种。在网上看到很多资料，但是每个人对于他们的理解可能有些不同，而且发现对某些概念网上的资料有的并没有说清楚，所以本

墨蓝/ 2022年06月16日 06:56/ 0 赞/ 253 阅读

相关 js继承之二-----借用构造函数

在解决原型中包含引用类型值所来来问题的过程中，开发人员开始使用一种叫做借用构造(函数(constructor stealing)的技术。这种技术的基本思想相当简单，即在子类

淩亂°似流年/ 2022年06月10日 07:09/ 0 赞/ 185 阅读

相关 Javascript面向对象编程（二）：构造函数的继承

作者： [阮一峰][Link 1] 日期： [2010年5月23日][2010_5_23] 这个系列的[第一部分][Link 2]，主要介绍了如何"封装"数据

秒速五厘米/ 2022年06月07日 12:52/ 0 赞/ 219 阅读

相关继承和构造函数笔记

package com.box; public class Box { double width; double height;

骑猪看日落/ 2022年05月17日 13:09/ 0 赞/ 202 阅读

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

借用构造函数实现继承由于通过原型链方式实现继承会存在缺陷（参考原型链继承），所以有了借用构造函数实现继承。借用构造函数实现方式如下： function

拼搏现实的明天。/ 2022年03月17日 12:44/ 0 赞/ 267 阅读

相关 JS原型、原型链、构造函数、实例与继承

[https://cloud.tencent.com/developer/article/1408283][https_cloud.tencent.com_developer_

旧城等待，/ 2021年12月23日 16:45/ 0 赞/ 330 阅读

相关 javascript的继承——构造函数继承

构造函数继承方式： Father.call(this, args); 构造函数继承的几个特点： 1. 父类构造函数中的属性和方法都可以被子类继承； 2. 父类原型上的

爱被打了一巴掌/ 2021年12月09日 04:39/ 0 赞/ 391 阅读

相关函数原型构造函数安全类构造函数继承原型式继承组合式继承寄生式继承寄生组合式继承内置构造函数

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQx

超、凢脫俗/ 2021年09月02日 07:05/ 0 赞/ 409 阅读