函数原型，你值得拥有
2024-02-07 17:08:56
原型链：JavaScript 中共享和扩展功能的神奇机制
在 JavaScript 的世界中，原型链是一个鲜为人知但又至关重要的概念。它是一个对象链接的链，允许我们共享属性和方法，并使代码更易于维护。
函数原型
每个 JavaScript 函数都拥有一个特殊的属性，称为原型。原型是一个对象，它包含了函数的所有属性和方法。当函数被调用时，它的 this 指向原型对象。这意味着你可以通过函数的原型对象访问函数的所有属性和方法。
例如，以下代码定义了一个名为 Person 的函数，它有一个名为 name 的属性和一个名为 greet 的函数：
function Person(name) {
this.name = name;
}
Person.prototype.greet = function() {
console.log("Hello, my name is " + this.name);
};
我们可以通过以下代码访问 Person 函数的原型对象：
var person = new Person("John Doe");
console.log(person.__proto__ === Person.prototype); // true
原型链
原型链是一系列对象链接，从一个对象指向它的原型对象，依此类推。原型链用于查找对象的属性和方法。
例如，以下代码定义了一个名为 johnDoe 的对象，它是一个 Person 函数的实例：
var johnDoe = new Person("John Doe");
我们可以通过以下代码访问 johnDoe 对象的原型链：
console.log(johnDoe.__proto__ === Person.prototype); // true
console.log(Person.prototype.__proto__ === Object.prototype); // true
使用原型链查找属性和方法
当我们访问一个对象的属性或方法时，JavaScript 会沿着原型链向上查找。如果在当前对象中找不到该属性或方法，JavaScript 会继续在原型对象的原型对象中查找，依此类推。
例如，以下代码获取 johnDoe 对象的 name 属性：
console.log(johnDoe.name); // "John Doe"
JavaScript 首先会在 johnDoe 对象中查找 name 属性，但它找不到。然后，它会沿着原型链向上查找，在 Person.prototype 对象中找到了 name 属性。最后，它会将 name 属性的值返回给 console.log() 函数。
修改原型链
我们可以通过修改原型对象来修改原型链。例如，以下代码将一个名为 age 的属性添加到 Person 函数的原型对象中：
Person.prototype.age = 30;
现在，我们就可以通过以下代码来访问 johnDoe 对象的 age 属性：
console.log(johnDoe.age); // 30
结论
原型链是 JavaScript 中一个功能强大的概念，它允许我们共享属性和方法，并使代码更易于维护。它是一个对象链接的链，它使我们能够沿着该链向上查找属性和方法。我们可以通过修改原型对象来修改原型链。
常见问题解答
- 什么是原型对象？
原型对象是一个包含函数所有属性和方法的对象。
- 如何访问函数的原型对象？
你可以通过函数的 prototype 属性访问函数的原型对象。
- 什么是原型链？
原型链是一个对象链接的链，它从一个对象指向它的原型对象，依此类推。
- 原型链如何用于查找属性和方法？
JavaScript 会沿着原型链向上查找属性和方法。如果在当前对象中找不到该属性或方法，JavaScript 会继续在原型对象的原型对象中查找，依此类推。
- 如何修改原型链？
你可以通过修改原型对象来修改原型链。
