给寻找编程代码教程的朋友们精选了javascript相关的编程文章,网友夏恺乐根据主题投稿了本篇教程内容,涉及到js、构造函数、基于构造函数的五种继承方法小结相关内容,已被812网友关注,下面的电子资料对本篇知识点有更加详尽的解释。
基于构造函数的五种继承方法小结
1.使用call或apply绑定构造函数
animal.apply(this.arguments)
2.使用prototype属性
Cat.prototype = new Animal(); Cat.prototype.constructor = Cat; var cat1 = new Cat("大毛","黄色"); alert(cat1.species); // 动物
3.直接集成prototype属性
function Animal(){ } Animal.prototype.species = "动物"; Cat.prototype = Animal.prototype; Cat.prototype.constructor = Cat; var cat1 = new Cat("大毛","黄色"); alert(cat1.species); // 动物
4.利用空对象作为中介
var F = function(){}; F.prototype = Animal.prototype; Cat.prototype = new F(); Cat.prototype.constructor = Cat; 将上面的方法封装成一个函数,便于使用: function extend(Child, Parent) { var F = function(){}; F.prototype = Parent.prototype; Child.prototype = new F(); Child.prototype.constructor = Child; Child.uber = Parent.prototype; }
5.拷贝继承
function extend2(Child, Parent) { var p = Parent.prototype; var c = Child.prototype; for (var i in p) { c[i] = p[i]; } c.uber = p; }
这个函数的作用,就是将父对象的prototype对象中的属性,一一拷贝给Child对象的prototype对象。
以上这篇基于构造函数的五种继承方法小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。