javascript中继承的3种方式

叁歲伎倆 2022-05-28 03:35 325阅读 0赞 
  1. function S() {
  2.     this.name = "sss";
  3. }
  4. S.prototype.say = function() {
  5.     console.log(this.name);
  6. }
  8. //ES6
  9. class A extends S {
  10.     constructor(){
  11.         super();
  12.     }
  13. }
  15. //寄生组合继承
  16. function B() {
  17.     S.call(this);
  18. }
  19. B.prototype = Object.create(S.prototype)
  20. B.prototype.constructor = B;
  22. //组合继承（构造函数+原型），原型中会多父构造函数中的属性
  23. function C() {
  24.     S.call(this);
  25. }
  26. C.prototype = new S();
  27. C.prototype.constructor = C;
  29. var a = new A();
  30. a.say();
  31. console.log(a instanceof A);
  32. console.log(a instanceof S);
  33. console.log(A.prototype.isPrototypeOf(a));
  34. console.log(S.prototype.isPrototypeOf(a));
  36. var b = new B();
  37. b.say();
  38. console.log(b instanceof B);
  39. console.log(b instanceof S);
  40. console.log(B.prototype.isPrototypeOf(b));
  41. console.log(S.prototype.isPrototypeOf(b));
  43. var c = new C();
  44. c.say();
  45. console.log(c instanceof C);
  46. console.log(c instanceof S);
  47. console.log(C.prototype.isPrototypeOf(c));
  48. console.log(S.prototype.isPrototypeOf(c));

发表评论

表情：
评论列表 （有 0 条评论，325人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Javascript中的继承方式

    一、原型链 ECMAScript中的继承方式主要通过原型链实现。 原型链的基本构想：每个构造函数都有一个原型对象，原型有一个属性指回构造函数本身，实例有一个内部指针指

    超、凢脫俗超、凢脫俗/ 0 赞/ 297 阅读