好的,我将帮您生成一本Markdown格式的学习文档学习笔记,主题是JS类学习笔记。让我们开始吧!
JS 类学习笔记
在JavaScript中,类是一种可以用来创建对象的构造函数模板。通过使用类,我们可以轻松地创建多个具有相同属性和方法的对象,并且可以在类的原型上定义通用的方法,从而提高代码的可维护性和复用性。下面是一些关于JS类的基本知识点:
创建类
可以使用class关键字来创建一个类,然后在类的构造函数中定义属性和方法。
javascriptCopy Codeclass Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHello() {
console.log(`Hi, my name is ${this.name}, I am ${this.age} years old.`);
}
}
创建实例
可以使用new关键字来创建一个类的实例,并用构造函数中传入的参数对该实例进行初始化。
javascriptCopy Codelet person = new Person("John", 23);
person.sayHello(); // Hi, my name is John, I am 23 years old.
继承类
可以使用extends关键字来创建一个子类,并继承父类的属性和方法。子类可以添加新的属性和方法,并且可以重写父类的方法。
javascriptCopy Codeclass Student extends Person {
constructor(name, age, school) {
super(name, age);
this.school = school;
}
sayHello() {
console.log(`Hi, my name is ${this.name}, I am ${this.age} years old, and I study at ${this.school}.`);
}
}
创建子类实例
可以使用new关键字来创建一个子类的实例,并用构造函数中传入的参数对该实例进行初始化。子类实例具有父类和子类中的所有属性和方法。
javascriptCopy Codelet student = new Student("Jessica", 18, "MIT");
student.sayHello(); // Hi, my name is Jessica, I am 18 years old, and I study at MIT.
示例
javascriptCopy Codeclass Animal {
constructor(name, age) {
this.name = name;
this.age = age;
}
eat() {
console.log(`${this.name} is eating.`);
}
}
class Cat extends Animal {
constructor(name, age, color) {
super(name, age);
this.color = color;
}
meow() {
console.log(`${this.name} says meow!`);
}
eat() {
console.log(`${this.name} is eating fish.`);
}
}
let animal = new Animal("Bob", 5);
animal.eat(); // Bob is eating.
let cat = new Cat("Kitty", 2, "white");
cat.eat(); // Kitty is eating fish.
cat.meow(); // Kitty says meow!
以上就是JS类学习笔记的简单介绍,希望对您有所帮助。