prototype 原型对象

在JavaScript中，原型对象是每个对象在创建时都会关联的一个内部对象。原型对象包含了可以被该对象直接访问的属性和方法。当我们试图访问一个对象的属性或方法时，JavaScript引擎会先查找该对象自身是否具有该属性或方法，如果没有，则会通过原型链去查找原型对象中是否有该属性或方法。原型链是一个对象到其原型对象，再到其原型对象的原型对象，依次往上查找的链条。

以下是一个详细解析和代码示例：

1. 原型对象的创建

在JavaScript中，可以使用Object.create()方法创建一个新的对象，并将其原型对象设置为指定的对象。示例如下：

const prototypeObj = {  // 原型对象
  sayHello() {
    console.log("Hello!");
  },
};
 
const obj = Object.create(prototypeObj);  // 创建一个新对象，并将原型对象设置为prototypeObj

1. 原型对象的访问

我们可以使用Object.getPrototypeOf()方法获取一个对象的原型对象，示例如下：

const prototypeObj = {  // 原型对象
  sayHello() {
    console.log("Hello!");
  },
};
 
const obj = Object.create(prototypeObj);  // 创建一个新对象，并将原型对象设置为prototypeObj
 
console.log(Object.getPrototypeOf(obj) === prototypeObj);  // true

1. 原型对象的属性和方法访问

当我们试图访问一个对象的属性或方法时，JavaScript引擎会先查找该对象自身是否具有该属性或方法，如果没有，则会通过原型链去查找原型对象中是否有该属性或方法。示例如下：

const prototypeObj = {  // 原型对象
  sayHello() {
    console.log("Hello!");
  },
};
 
const obj = Object.create(prototypeObj);  // 创建一个新对象，并将原型对象设置为prototypeObj
 
obj.sayHello();  // Hello!

1. 原型对象的属性和方法的修改和添加

可以直接修改和添加原型对象中的属性和方法，示例如下：

const prototypeObj = {  // 原型对象
  sayHello() {
    console.log("Hello!");
  },
};
 
prototypeObj.sayHello = function () {
  console.log("Bonjour!");
};
 
prototypeObj.sayGoodbye = function () {
  console.log("Goodbye!");
};
 
const obj = Object.create(prototypeObj);  // 创建一个新对象，并将原型对象设置为prototypeObj
 
obj.sayHello();  // Bonjour!
obj.sayGoodbye();  // Goodbye!

注意：修改或添加原型对象的属性和方法会影响到所有使用该原型对象作为原型的对象。

这就是原型对象的详细解析和代码示例。原型对象在JavaScript中是非常重要的概念，它使得对象可以共享属性和方法，并且通过原型链的方式实现了对象的继承。