【学习 JavaScript】 JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 字符串模板 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语句 JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JS 函数 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 JS 类 JavaScript 类 JavaScript 类继承 JavaScript 静态方法 JS HTML DOM DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JS 高级教程 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JS 浏览器BOM JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JS 库 JavaScript 库 JavaScript 测试 jQuery JavaScript 测试 Prototype JS 实例 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JS 参考手册

好的,我将帮您生成一本Markdown格式的学习文档学习笔记,主题是JS类学习笔记。让我们开始吧!

JS 类学习笔记

在JavaScript中,类是一种可以用来创建对象的构造函数模板。通过使用类,我们可以轻松地创建多个具有相同属性和方法的对象,并且可以在类的原型上定义通用的方法,从而提高代码的可维护性和复用性。下面是一些关于JS类的基本知识点:

创建类

可以使用class关键字来创建一个类,然后在类的构造函数中定义属性和方法。

javascriptCopy Code
class 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 Code
let person = new Person("John", 23); person.sayHello(); // Hi, my name is John, I am 23 years old.

继承类

可以使用extends关键字来创建一个子类,并继承父类的属性和方法。子类可以添加新的属性和方法,并且可以重写父类的方法。

javascriptCopy Code
class 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 Code
let student = new Student("Jessica", 18, "MIT"); student.sayHello(); // Hi, my name is Jessica, I am 18 years old, and I study at MIT.

示例

javascriptCopy Code
class 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类学习笔记的简单介绍,希望对您有所帮助。