zoukankan      html  css  js  c++  java
  • [Javascript] ES6 Class Constructors and the Super Keyword

    When the ES6 class shipped back in 2015, a number of additional keywords came with it. Two of these are constructor and super. Both of these are specific to the class keyword and make working with classes manageable. Both are utilized when the new keyword is used to create a new instance of a classconstructors are called initially with the new keyword and super is how a subclass can utilize it's parent's methods (like it's parent's constructor function) within that child class

    You have to call super() function when you extends one class:

    class Rectangle {
      constuctor(height, width) {
        this.name = 'Rectangle'
        this.height = height
        this.width = width
      }
    }
    
    class Square extends Rectangle {
      constructor(length) {
      super(length, length)
      this.name = 'Square'
      }
    }
    
    const myShape = new Square(1)
    
    console.log(myShape)

    Again, even if our rectangle class did not have a constructor, we'd still need to call super within the square's constructor because it is required when we're working with subclasses that have constructors and when the this keyword is used in the constructor.

    class Rectangle {
    
    }
    
    class Square extends Rectangle {
      constructor(length) {
         super()
         this.name = 'Square'
      }
    }
  • 相关阅读:
    正则表达式入门(3)
    正则表达式入门(2)
    正则表达式入门
    函数的参数传递
    python常用库之random
    插入排序与归并排序
    浅拷贝与深拷贝
    装饰器学习小程序
    Python的“is”与“==”
    Oracle中断中止exp/imp和expdp/impdp数据库导入导出
  • 原文地址:https://www.cnblogs.com/Answer1215/p/12003924.html
Copyright © 2011-2022 走看看