js 继承的方式

会飞的土豆i

已于 2023-03-15 23:02:18 修改

阅读量146

点赞数 1

分类专栏： js 文章标签：前端

于 2022-11-16 22:50:17 首次发布

本文链接：https://blog.csdn.net/gsx257318/article/details/127895140

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文深入探讨了JavaScript中的三种继承实现方式：1) Class继承，利用ES6的class和extends关键字实现；2) 原型链继承，通过将子类的prototype指向父类实例来实现；3) call继承，使用Parent.call(this)将父类的上下文绑定到子类实例上。这些方法都是JavaScript中实现继承的重要手段。

摘要由CSDN通过智能技术生成

1：Class 继承

  <script>
    class Parent{
      constructor() {
        this.age = 18
      }
    }
    class Child extends Parent {
      constructor() {
        super()
        this.name = '张三'
      }
    }
    let ol = new Child()
    console.log(ol,ol.name,ol.age);
  </script>

2: 原型链继承

    <script>
      function Parent() {
        this.age = 20;
      }
      function Child() {
        this.name = "张三";
      }

      Child.prototype = new Parent()
      let o = new Child();
      console.log(o, o.name, o.age);
    </script>

3：call 继承

    <script>
      function Parent() {
        this.age = 10;
      }
      function Child() {
        Parent.call(this)
        this.name = "张三";
      }
      let o = new Child();
      console.log(o, o.name, o.age);
    </script>