JS中的类与继承

js中的类和继承是ES6中新出现的,它的使用方法和后端语言的使用方法是一样的。
js中类的使用:
class Pet 然后构造函数constructor(prtName)
下面是代码,其中有很多注释,方便大家看懂。

 class Pet {
    
      //利用class关键字创造一个Pet类
            constructor(petName) {
    
      //利用构造方法初始化petName
                this.petName = petName
            }
            say() {
    
      //say方法
                console.log(`大家都喜欢${
     
     this.petName}嘛? `)
            }
        }
        class Dog extends Pet {
    
      //新创建一个Dog类来继承Pet类
            constructor(petName, age, dogName) {
    
    
                super(petName)  //在子类的构造方法中用super关键字调用父类的构造方法
                this.age = age
                this.dogName = dogName
            }
            dogSay() {
    
      //dogSay方法
                console.log(`我是小${
     
     this.petName},我叫${
     
     this.dogName},我今年${
     
     this.age}`)
            }
        }

        var pet = new Pet('宠物')  //利用new关键字创造一个pet实例,并为传递参数
        pet.say()  //调用Pet类中的say方法
        var dog = new Dog('宠物', '3', '旺财')
        dog.dogSay()

猜你喜欢

转载自blog.csdn.net/xiaoguoyangguang/article/details/107962569