首页 > 编程语言 > 详细

Javascript面向对象:构造函数的继承

时间:2021-08-14 00:01:45      阅读:16      评论:0      收藏:0      [点我收藏+]

构造函数的继承

现在有一个Father构造函数

function Father(name, age) {
    this.name = name;
    this.age = age;
  }
Father.prototype.song = function () {
    console.log(‘父亲的原型对象函数’)
 }

还有一个Son构造函数

function Son(name, age) {
    this.name = name;
    this.age = age;
  }
 

1.首先用call或者apply方法,将父对象的构造函数绑定在子对象上。

function Son(name, age) {
    Father.call(this, name, age)
    this.name = name;
    this.age = age;
  }
/**{原型继承部分代码位置}**/
Son.prototype.long=function () {
    console.log(‘儿子的原型对象函数’)
 }

var son = new Son("儿子","12");

alert(son.name ); // 儿子

注意:此时子级继承了父级的构造函数,但是没有继承父级的原型对象。也就是son.song()会报错,提示没有song这个方法。

2.子级继承父级的原型对象上的方法。

步骤一:Son .prototype = Father.prototype;

步骤二:Son.prototype.constructor = Son;

var son = new Son("儿子","12");

alert(son.song ()); // 父亲的原型对象函数

注意:将步骤一和步骤二的代码放入红色标记部分。否认Son.prototype..long方法会被覆盖掉。

Javascript面向对象:构造函数的继承

原文:https://www.cnblogs.com/webPerfect/p/15108994.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!