正文

JavaScript面向对象编程：入门级对照表与实例解析

/0 浏览量
0430

JavaScript 作为一种广泛使用的编程语言，其面向对象编程（OOP）特性是其强大功能之一。面向对象编程允许开发者以更接近现实世界的对象和关系来组织代码，使得代码更加模块化、可重用和易于维护。以下是对JavaScript面向对象编程的入门级对照表与实例解析。

类与对象

在JavaScript中，对象是核心的编程概念。每个对象都是某个类的实例。

// 定义一个类
class Animal {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  // 类的方法
  speak() {
    console.log(`My name is ${this.name} and I am ${this.age} years old.`);
  }
}

// 创建类的实例
const dog = new Animal('Buddy', 5);
dog.speak(); // 输出：My name is Buddy and I am 5 years old.

继承

JavaScript 支持单继承，即一个类可以从另一个类继承属性和方法。

class Dog extends Animal {
  constructor(name, age, breed) {
    super(name, age); // 调用父类构造函数
    this.breed = breed;
  }

  // 重写父类的方法
  speak() {
    console.log(`Woof! My name is ${this.name}, I am ${this.age} years old, and I am a ${this.breed}.`);
  }
}

const beagle = new Dog('Buddy', 5, 'Beagle');
beagle.speak(); // 输出：Woof! My name is Buddy, I am 5 years old, and I am a Beagle.

原型链

JavaScript 中的每个对象都有一个原型（prototype），它是一个对象，用来实现属性和方法的共享。

// 创建一个原型对象
const animalPrototype = {
  speak() {
    console.log(`My name is ${this.name} and I am ${this.age} years old.`);
  }
};

// 将原型对象赋给Animal的prototype属性
Animal.prototype = animalPrototype;

const cat = new Animal('Kitty', 3);
cat.speak(); // 输出：My name is Kitty and I am 3 years old.

构造函数

构造函数是类的一部分，用于初始化新创建的对象。

function Cat(name, age) {
  this.name = name;
  this.age = age;
}

Cat.prototype.speak = function() {
  console.log(`Meow! My name is ${this.name} and I am ${this.age} years old.`);
};

const cat = new Cat('Kitty', 3);
cat.speak(); // 输出：Meow! My name is Kitty and I am 3 years old.

类的简写语法

ES6 引入了新的语法，使得定义类更加简洁。

const Dog = class {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  speak() {
    console.log(`Woof! My name is ${this.name} and I am ${this.age} years old.`);
  }
};

const beagle = new Dog('Buddy', 5);
beagle.speak(); // 输出：Woof! My name is Buddy and I am 5 years old.

通过以上对照表和实例解析，你可以开始学习并应用JavaScript的面向对象编程。随着你逐渐熟悉这些概念，你将能够更有效地组织代码，并创建出更加复杂和有趣的应用程序。

-- 展开阅读全文 --