好家伙，咱得好好捋一捋 JavaScript 面向对象原理，这可是前端大厂的敲门砖啊！话说这标题挺有意思的，“JavaScript面向对象原理如何运作？” 听起来像个难题，但其实逻辑hen清晰。

先说个实话吧，好多人学 JS dou被“一切皆对象”搞蒙了。Java、C++ 习惯了类，JS 早期确实没有类，但它在面向对象方面可牛逼了！咱要理解的是 JS 的原型式继承机制。

早期的 JS 和原型链

在 ES6 之前，JS 没有真正的类。那怎么Zuo面向对象呢？答案就在 prototype 和原型链上。别忘了每个函数dou有一个 prototype 属性，指向一个包含共享方法的对象。

function Person {
  this.name = name;
  this.age = age;
}
Person.prototype.say = function {
  console.log;
};
const zwy = new Person;
zwy.say; // 我叫zwy,年龄未知

你kan，Person 函数本身没有 say 方法，但是通过原型链给它的 prototype 赋值了。所有创建的 Person 对象dou会共享这个 say 方法。

ES6 class 的语法糖

ES6 引入了 class 语法，kan起来geng像 Java 或 C++ 的类，但本质上还是基于原型的。class 只是让代码geng易读、geng容易维护而Yi。

class Person {
  constructor {
    this.name = name;
    this.age = age;
  }
  say {
    console.log;
  }
}
const zwy = new Person;
zwy.say; // 我叫zwy,年龄未知 

记住：class 是 prototype 的语法糖！底层依然是原型链。

`new` 操作符详解

每次用 `new` 创建对象时会发生什么？其实是四个步骤:

1.构造函数调用: 创建一个空的 object

2.设置 Prototypal Chain: 将新创建的对象与构造函数的 prototype 连接起来

3.执行构造函数中的代码: 在新对象的上下文中执行代码

4.返回新对象: 返回新创建的对象

function Person {    // constructor 函数    this.proto = Object.proto;// 设置实例的原型为 Object 原型    // Ru果没有设置 this.proto 为 Object 原型则会导致问题    this.name = name;    this.age = age;}const zwy = new Person;console.log;   // {} console.log; // Object 原型  console.log; // true console.log; // true console.log; // null console.log; // true

注意: Ru果没有设置 this.proto 为 Object 原型则会导致问题。原因: 当访问实例的一个属性或方法时, JS 引擎会沿着原型链一直往上找,Ru果找不到则会向上找到第一个实例或者到达 null.因此: 为了保证原型链完整性必须将实例的原型设置为 Object 原型

`this` 的作用

`this` 在 JavaScript 中是个神奇的东西。它指向当前上下文。

为什么百度不收录

你懂的：一些细节补充

函数作为对象函数本身也是对象，Ke以有属性和方法

继承通过 `prototype` 实现继承

单继承JS 是单继承的

JavaScript 面向对象的本质是基于原型的机制。虽然 ES6 类简化了开发流程，但底层仍然是原型链。理解原型链和 prototype 是掌握 JS 面向对象的关键。