您当前的位置: 首页 > 

暂无认证

  • 1浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

1、构造函数继承

发布时间:2021-04-08 12:58:54 ,浏览量:1

目录
  • 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) { console.log(name); // new 时传入的值。 parentClass.apply(this, arguments); this.name = name; }; 
4、实现继承
// 这种方式只能继承父类构造函数中的属性和方法, // 对于原型对象上的方法无法继承。 // 构造函数继承是利用 call 或者 apply 方法, // 将父类构造函数的 this 绑定到子类构造函数的 this 上即可。 let example = new student('new 时传入的值。'); console.log(example); // student {parentVal: "父类的基本类型值。", name: "new 时传入的值。", parentFun: ƒ} console.log(example.parentVal); // 父类的基本类型值。 console.log(example.parentFun('调用父类方法出入的值。')); // 父类方法返回的值。 console.log(parentClass.prototype); // {parentProtyFun: ƒ, constructor: ƒ} console.log(example.parentProtyFun('原型方法')); // example.parentProtyFun is not a function 
5、参考的原文链接

知乎-原文

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

微信扫码登录

0.6467s