js 继承方法

偏执的太偏执、 2022-05-31 13:27 213阅读 0赞

## 1、call 继承法 ##

call 只能继承函数的值，并不能继承函数的原型

function parent(){
    			this.a = 10;
    			this.b = 20;
    		}
    		function child(){
    			this.c = 30;
    			parent.call(this)
    		}
    
    		parent.prototype.newFu = function(){
    			return this;
    		}
    
    		var a = new child();
    		var b = new parent();
    		console.log(a)
    		console.log(b)

![20180226150213192][]

可以看到 child 继承了 parent 的 a、b，但原型中的 newFu 并没有

## 2、原型链继承法 ##

把要继承的函数放到继承者的原型中，原型对象的属性是共享的

function parent(){
    			this.a = 10;
    			this.b = 20;
    		}
    		function child2(){
    			this.c = 30;
    		}
    		child2.prototype = new parent();
    
    		var c = new child2();
    		console.log(c);console.log(c.a)

![20180226150831175][]

## 3、组合继承法 ##

function Parent3(){
    		    this.name = "parent3";
    		    this.play = [1,2,3];
    		}
    		function Child3(){
    		    Parent3.call(this);
    		    this.type = "child3";
    		}
    		Child3.prototype = Object.create(Parent3.prototype);
    		Child3.prototype.constructor = Child3;
    
    		var d = new Child3();
    		console.log(d)

创建对象的三种方法

第一种方式，字面量

var o1 = { name: "o1"} var o2 = new Object({ name: "o2"})

第二种方式，通过构造函数

var M = function(name){ this.name = name } var o3 = new M("o3")

第三种方式，Object.create，新创建的对o4的原型就是p，同时o4也拥有了属性name

var p = { name: "p"} var o4 = Object.create(p)

[20180226150213192]: /images/20220531/6c597585a65c497889a50efdef4517c1.png
[20180226150831175]: /images/20220531/6163210d0cd6462e9134ca4529904bdc.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js中继承方法总结

js中的继承主要使用原型链实现原型链继承：利用原型让一个引用类型继承另一个引用类型的属性和方法原型链：当查找一个实例属性时，先在实例中查找，找到就直接返回，找不到在

红太狼/ 2022年12月31日 05:25/ 0 赞/ 157 阅读

相关 js的7种继承方法总结

1.原型链方式（子类的原型指向父类的实例）；可通过两种方式来确定原型和实例之间的关系，instanceof操作符；isPrototypeOf();给子类添加方法要放在替换原型的

超、凢脫俗/ 2022年11月09日 11:22/ 0 赞/ 161 阅读

相关 js--继承

每个类有3部分，第一部分是构造函数内的，供实例化对象复制用的第二部分是构造函数外的，直接通过点语法添加，这是供类使用的，实例化对象访问不到第三部分是类的原型中

╰半夏微凉°/ 2022年07月11日 01:47/ 0 赞/ 209 阅读

相关搞懂js继承方法

js实现继承，都是些老生常谈的问题了，网上文章很多，但不动手敲一敲，还是没有那种深入的理解，所以写篇日记记一下自己对继承的理解，如果顺便能帮到大家理解如何继承那是再好不过的了。

ゝ一纸荒年。/ 2022年06月17日 09:41/ 0 赞/ 193 阅读

相关 js继承

1、prototype方式 var BaseClass = function () \{ this.name = "3zfp";

ゞ浴缸里的玫瑰/ 2022年06月09日 04:08/ 0 赞/ 189 阅读

相关 js 继承方法

1、call 继承法 call 只能继承函数的值，并不能继承函数的原型 function parent(){ this.a = 10;

偏执的太偏执、/ 2022年05月31日 13:27/ 0 赞/ 214 阅读

相关 JS 原型继承和属性方法的继承的实现

本博客内容： 1. apply()实现属性和方法继承 2. prototype实现原型的继承 apply()实现属性和方法继承 ![这里写图片描述][70] ![这

小鱼儿/ 2022年05月16日 13:54/ 0 赞/ 209 阅读

相关 js继承

构造函数的原型继承 function qq(name,age) { this.name = name

你的名字/ 2022年05月11日 01:04/ 0 赞/ 229 阅读

相关 js继承:一网打尽js继承

转载：原地址：[https://mp.weixin.qq.com/s/NkxW367Znl5Hb47\_vv8Eeg][https_mp.weixin.qq.com_s_Nkx

刺骨的言语ヽ痛彻心扉/ 2022年03月12日 07:24/ 0 赞/ 268 阅读

相关 JS 继承的多种方法

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

迷南。/ 2022年02月21日 14:40/ 0 赞/ 241 阅读