javascript 类的基础知识

geekymv 发表于:2024-08-11 04:02:03 阅读数:306

	class Person {
                constructor(name, age) {
                    // 构造器中的 this 是类的实例对象
                    this.name = name
                    this.age = age
                }

                speak() {
                    // speak 方法放在了类的原型对象上,供实例使用
                    // 通过 Person 实例调用 speak 时,speak中的 this 就是 Person 实例
                    console.log(`my name is ${this.name}, my age is ${this.age}`)
                }
            }
            /*
            const p1 = new Person('tony', 20)
            const p2 = new Person('jack', 18)

            console.log(p1)
            console.log(p2) 

            p1.speak()
            p2.speak()
            */
            
            class Student extends Person {
                constructor(name, age, grade) {
                    super(name, age)
                    this.grade = grade
                }

                speak() {
                    console.log(`my name is ${this.name}, my age is ${this.age}, my grade is ${this.grade}`)
                }

                study() {
                    console.log('I love study')
                }
    
            }

            const s1 = new Student('bob', 16, 'three')
            console.log(s1)
            s1.speak()
            s1.study()

Barbara Middleton
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis.
Like · Reply · 3 hrs

Sean Brown
Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat.
Like · Reply · 2 hrs

Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa.
Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor.

Kayli Eunice
Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat.
Like · Reply · 2 hrs