您当前的位置: 首页 > 

暂无认证

  • 0浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

3、原型直接继承

发布时间:2021-04-16 16:56:59 ,浏览量:0

目录
  • 1、父函数
  • 2、父函数原型上的方法
  • 3、子函数
  • 4、实现继承
  • 5、参考的原文链接
1、父函数
function parentClass() { this.parentVal = '父类的基本类型值。'; this.parentFun = function (data) { console.log(this.parentVal); // 父类的基本类型值。 console.log(data); // 调用父类方法出入的值。 return '父类方法返回的值。'; }; }; 
2、父函数原型上的方法
parentClass.prototype.parentProtyFun = function (data) { console.log(this.parentVal); // 父类的基本类型值。 console.log(data); // 调用原型方法传入的值。 return '原型方法返回的值。'; }; 
3、子函数
function student(name) { this.name = name; console.log(name); // new 时传入的值。 parentClass.apply(this, arguments); }; 
4、实现继承
// 原型直接继承是通过直接将子类构造函数的原型对象, // 直接赋值为父类构造函数的原型对象, // 从而达到继承的目的。 student.prototype = parentClass.prototype; student.prototype.constructor = student; // new 实例 let example = new student('new 时传入的值。'); console.log(example); // student {parentVal: "父类的基本类型值。", name: "new 时传入的值。", parentFun: ƒ} console.log(example.parentVal); // 父类的基本类型值。 console.log(example.parentFun('调用父类方法出入的值。')); // 父类方法返回的值。 console.log(example.parentProtyFun('调用原型方法传入的值。')); // 原型方法返回的值。 
5、参考的原文链接

知乎-原文

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

0.4144s