一文掌握JavaScript面向对象的知识点

文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 JavaScript的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。

这篇文章瑶琴带大家学习 javascript 中面向对象的内容，在学习面向对象前，了解面向对象的包含哪些知识点有利于在脑海中形成知识架构。

以下是JS面向对象包含的主要知识点，在后续的文章中，瑶琴会带大家深入学习。

1.对象

JavaScript 中的对象是一种复合值：它可以包含多个键值对，其中每个键都是一个字符串，而值可以是任何数据类型（包括对象、数组、函数等）。

2.构造函数和实例化

构造函数是一种特殊的函数，用于创建对象的模板。通过使用 new 关键字和构造函数，可以创建对象的实例。

function Person(name, age) { 
    this.name = name;
     this.age = age; 
} 
let person1 = new Person('John', 30);

3.原型和原型链

每个 JavaScript 对象都具有一个原型（prototype）属性，它指向另一个对象。当访问对象的属性或方法时，如果对象本身没有这个属性或方法，JavaScript 引擎会沿着原型链查找，直到找到匹配的属性或方法或到达原型链的末尾（null）。

4. 继承

JavaScript 使用原型链来实现继承。通过在子类的原型上设置父类的实例，可以让子类继承父类的属性和方法。

function Animal(name) {
  this.name = name; 
} 
Animal.prototype.sayName = function() {
  console.log('My name is ' + this.name); 
} 
function Dog(name, breed) {
  Animal.call(this, name); 
  this.breed = breed; 
} 
Dog.prototype = Object.create(Animal.prototype); 
Dog.prototype.constructor = Dog; 
let dog1 = new Dog('Buddy', 'Golden Retriever');

5. 类和类继承（ES6）

ES6 引入了类（class）语法，提供了更直观的方式来定义对象和继承关系。

class Animal { 
    constructor(name) {     this.name = name; 
} 
 sayName() { 
    console.log('My name is ' + this.name); 
 } 
}
class Dog extends Animal { 
    constructor(name, breed) { 
    super(name); 
    this.breed = breed;  
}
} 
let dog1 = new Dog('Buddy', 'Golden Retriever');

6. 封装

封装是面向对象编程的一个核心概念，它指的是将数据和操作数据的方法封装在对象内部，外部只能通过对象提供的接口（方法）来访问数据。

7.多态

多态是指相同的方法调用可以根据对象的不同而表现出不同的行为。在 JavaScript 中，由于动态类型和动态绑定，多态是自然而然的。

对于初学者来说，掌握面向对象的知识点是必要的，以上是 JavaScript 中面向对象编程的基本概念和知识点。通过学习和实践，可以更好地理解 JavaScript 中的对象和类，从而编写更具结构化和可维护性的代码。

希望今天的内容对初学前端的朋友有所帮助。也希望每一个初学者都能成为一个优秀的前端开发工程师，加油。

最后啰嗦一句，好记性不如烂笔头，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。