一分钟带你快速了解js面向对象是什么?

JavaScript面向对象以对象为核心,通过属性和方法组织数据,支持原型和class语法;使用class可创建实例并实现继承,提升代码复用与维护性。

JavaScript 面向对象是一种编程思想,核心是把数据和操作数据的方法组织成“对象”。它不像 Java 或 C++ 那样基于类的系统,而是基于原型(prototype)的语言,但 ES6 之后也引入了 class 语法糖,让写法更直观。

什么是对象?

在 JS 中,对象就是键值对的集合,可以包含属性和方法。比如一个用户对象:

const user = {
  name: 'Alice',
  age: 25,
  sayHello() {
    console.log('你好,我是' + this.name);
  }
};

通过点语法就能访问属性或调用方法:user.sayHello();

使用 class 创建对象模板

ES6 的 class 让创建对象更规范,像搭积木一样复用代码:

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

  greet() {
    console.log(`我是${this.name},今年${this.age}岁`);
  }
}

const p1 = new Person('Bob', 30);
p1.greet(); // 输出:我是Bob,今年30岁

这样就能批量生成结构一致的对象实例。

继承让代码更高效

通过 extends 可以让一个类继承另一个类的属性和方法:

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

  study() {
    console.log(`${this.name}正在学习`);
  }
}

const s1 = new Student('Tom', 15, 9);
s1.greet(); // 继承的方法
s1.study(); // 自己的方法

子类不仅能复用父类逻辑,还能扩展新功能。

基本上就这些。JS 面向对象让你用更清晰的方式组织复杂逻辑,适合开发大型应用。不复杂但容易忽略。