手表商城网站建设,免费ppt模板下载app,做的网站不能放视频,做网站十大公司哪家好目录
类和对象
属性和方法
继承
多态
封装 类和对象 类是用于定义对象的模板或蓝图#xff1b;它包含对象的属性和方法#xff0c;我们可以使用class关键字来定义类。 class Person {constructor(name, age) {this.name name;this.age age;}sayHello() {console.log(H… 目录
类和对象
属性和方法
继承
多态
封装 类和对象 类是用于定义对象的模板或蓝图它包含对象的属性和方法我们可以使用class关键字来定义类。 class Person {constructor(name, age) {this.name name;this.age age;}sayHello() {console.log(Hello, my name is ${this.name} and I am ${this.age} years old.);}
} 在上面的例子中我们定义了一个名为Person的类它有两个属性name和age以及一个方法sayHello构造函数constructor用于初始化对象的属性。 对象是类的一个实例我们可以使用new关键字来创建对象。 let person1 new Person(Alice, 25); 在上面的例子中我们创建了一个名为person1的Person对象并将其属性初始化为Alice和25。 属性和方法 属性是对象的特征或状态。它们用于描述对象的特点。我们可以在构造函数中初始化对象的属性。 class Person {constructor(name, age) {this.name name;this.age age;}
} 在上面的例子中我们定义了一个Person类并在构造函数中初始化了两个属性name和age。 方法是对象的行为或操作。它们用于描述对象的行为。在类中我们可以定义一组方法以便对对象执行不同的操作。 class Person {constructor(name, age) {this.name name;this.age age;}sayHello() {console.log(Hello, my name is ${this.name} and I am ${this.age} years old.);}
} 在上面的例子中我们定义了一个sayHello方法它用于输出对象的属性。 继承 继承是面向对象编程的一个重要概念。它允许我们从现有的类创建新类从而在不重复代码的情况下扩展现有的功能。在JavaScript中我们可以使用extends关键字来创建一个新类它从现有的类继承属性和方法。 class Student extends Person {constructor(name, age, grade) {super(name, age);this.grade grade;}sayHello() {console.log(Hello, my name is ${this.name}, I am ${this.age} years old, and I am in grade ${this.grade}.);}
} 在上面的例子中我们定义了一个名为Student的新类它从现有的Person类继承了name和age属性和sayHello方法。Student类还有一个名为grade的新属性并覆盖了sayHello方法以添加新信息。 多态 多态是面向对象编程的另一个重要概念。它允许不同的类实现相同的方法以便在不同的情况下以不同的方式处理相同的请求。在JavaScript中我们可以使用相同的方法名在不同的类中实现不同的行为。 class Animal {constructor(name) {this.name name;}speak() {console.log(${this.name} makes a noise.);}
}class Dog extends Animal {speak() {console.log(${this.name} barks.);}
}class Cat extends Animal {speak() {console.log(${this.name} meows.);}
}const animals [new Dog(Fido),new Cat(Fluffy),new Dog(Max),new Cat(Whiskers)
];animals.forEach(animal {animal.speak();
}); 在上面的例子中我们定义了一个名为Animal的基类并从中派生出Dog和Cat类。这两个类都实现了Animal的speak方法并在方法中以不同的方式输出信息。最后我们创建了一些Dog和Cat的实例并在它们上面调用speak方法以验证它们会输出不同的信息。 封装 当使用面向对象编程时我们通常会封装数据和方法以确保对象的安全性和可维护性。在JavaScript中封装是通过创建类和使用访问修饰符来实现的。 // 创建一个类
class Person {// 声明私有属性#name;#age;// 构造函数用于初始化对象constructor(name, age) {this.#name name;this.#age age;}// 声明公有方法用于访问私有属性getName() {return this.#name;}getAge() {return this.#age;}
}// 创建一个Person对象
const person new Person(张三, 18);// 访问私有属性会报错
console.log(person.#name); // Uncaught SyntaxError: Private field #name must be declared in an enclosing class// 访问公有方法
console.log(person.getName()); // 张三
console.log(person.getAge()); // 18
