十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍了JavaScript如何实现继承,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
成都创新互联公司主营德钦网站建设的网络公司,主营网站建设方案,APP应用开发,德钦h5小程序制作搭建,德钦网站营销推广欢迎德钦等地区企业咨询
1、寄生式继承
基于某个对象创建一个对象,然后增强对象,返回对象。
function create(original){ // 通过调用函数创建一个新对象 var clone = object(original); // 以某种方式增强对象 clone.sayHi = function(){ console.log('hi') } return clone; } var person = { name: 'chen' } var person1 = create(person); person1.sayHi();
2、原型链继承
将父类的实例作为子类的继承。
function Parent(){ this.name = 'parent' } Parent.prototype.sayName = function(){ return this.name } function Child(){ } // 继承了Parent Child.prototype = new Parent(); var child1=new Child(); child1.say();
3、组合继承
使用原型链继承共享的属性和方法,通过借用构造函数继承实例属性。
function Parent(name){ this.name = name; this.arr = [1,2,3] } Parent.prototype.sayName = function(){ console.log(this.name) } function Child(name,age){ // 继承属性 Parent.call(this, name) this.age=age } // 继承方法 Child.prototype = new Parent() Child.prototype.constructor = Child; Child.prototype.sayAge = function(){ console.log(this.age) } var child1=new Child('chen',21); child1.arr.push(4); //[1,2,3,4] child1.sayName() // 'chen' child1.sayAge() // 21 var child2=new Child('miao', 12) child2.arr // [1,2,3] child2.sayName() // "miao" child2.sayAge() // 12
感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript如何实现继承”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!