一文掌握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');