首页 / JAVASCRIPT / JS中的继承方式有哪些?
JS中的继承方式有哪些?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS中的继承方式有哪些?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2865字,纯文字阅读大概需要5分钟。
内容图文
![JS中的继承方式有哪些?](/upload/InfoBanner/zyjiaocheng/301/03702c10221846de9569357347a9e105.jpg)
Child.prototype = new Parent();
1 function Parent (name, age) { 2 this.name = name; 3 this.age = age; 4 } 5 Parent.prototype.say = function(){ 6 console.log('hello, my name is ' + this.name); 7 }; 8 function Child() { 9 }10 Child.prototype = new Parent('pursue');11 var child1 = new Child();12 child1.say(); //hello, my name is pursue13 var child2 = new Child();14 console.log(child1.say === child2.say);//true15 console.log(child1.name === child2.name);//true
2. call(thisObj, param1, param2,...)
1 function Parent(username){ 2 this.username = username; 3 this.hello = function(){ 4 alert(this.username); 5 } 6 } 7 function Child(username,password){ 8 Parent.call(this,username); 9 this.password = password;10 this.world = function(){11 alert(this.password);12 }13 }14 var parent = new Parent("zhangsan");15 var child = new Child("lisi","123456");16 parent.hello();17 child.hello();18 child.world();
3. apply(thisObj, [param1,param2,...])
1 function Parent(username){ 2 this.username = username; 3 this.hello = function(){ 4 alert(this.username); 5 } 6 } 7 function Child(username,password){ 8 Parent.apply(this,new Array(username)); 9 this.password = password;10 this.world = function(){11 alert(this.password);12 }13 }14 var parent = new Parent("zhangsan");15 var child = new Child("lisi","123456");16 parent.hello();17 child.hello();18 child.world();
4. 组合继承(call+原型链 / apply+原型链)
1 function Parent(hello){ 2 this.hello = hello; 3 } 4 Parent.prototype.sayHello = function(){ 5 alert(this.hello); 6 } 7 function Child(hello,world){ 8 Parent.call(this,hello);//利用 call 方法 将父类的属性继承过来 9 //Parent.apply(this,new Array(hello));//利用 apply 方法 将父类的属性继承过来10 this.world = world;//新增一些属性11 }12 Child.prototype = new Parent();//将父类的方法继承过来13 Child.prototype.sayWorld = function(){//新增一些方法14 alert(this.world);15 }16 var c = new Child("zhangsan","lisi");17 c.sayHello();18 c.sayWorld();
5.寄生组合继承,与4相似,只是将原型链换做了Object.create(Parent.prototype)
1 function Parent(hello){ 2 this.hello = hello; 3 } 4 Parent.prototype.sayHello = function(){ 5 alert(this.hello); 6 } 7 function Child(hello,world){ 8 Parent.call(this,hello);//利用 call 方法 将父类的属性继承过来 9 //Parent.apply(this,new Array(hello));//利用 apply 方法 将父类的属性继承过来10 this.world = world;//新增一些属性11 }12 Child.prototype = Object.create(Parent.prototype);//将父类的方法继承过来13 Child.prototype.sayWorld = function(){//新增一些方法14 alert(this.world);15 }16 var c = new Child("zhangsan","lisi");17 c.sayHello();18 c.sayWorld();
以上就是JS中的继承方式有哪些?的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的JS中的继承方式有哪些?全部内容,希望文章能够帮你解决JS中的继承方式有哪些?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。