JavaScript 原型链332

在 JavaScript 中，原型链是一个重要的概念，它允许对象继承其他对象的属性和方法。通过理解原型链，你可以创建更复杂和可重用的代码。

原型

每个 JavaScript 对象都有一个内部属性 __proto__，它指向对象的原型。原型是一个对象，它定义了对象拥有的属性和方法。如果对象没有一个属性或方法，它会沿着原型链向上查找，直到找到它。通过这种方式，JavaScript 对象可以继承其他对象的特性。

创建原型

你可以使用 () 方法创建原型。此方法接受一个对象作为参数，并创建一个新对象，该对象使用指定的原型作为其 __proto__。例如：```javascript
const personPrototype = {
name: "",
age: 0,
speak: function() {
(`My name is ${} and I am ${} years old.`);
}
};
const person1 = (personPrototype);
= "John";
= 30;
(); // 输出: My name is John and I am 30 years old.
```

原型链

当对象无法在自身找到属性或方法时，它会沿着原型链向上查找。这个过程一直持续到找到该属性或方法，或者到达 null（表明该属性或方法不存在）。例如：```javascript
const animalPrototype = {
type: "animal"
};
const dogPrototype = (animalPrototype);
= "dog";
const dog1 = (dogPrototype);
(); // 输出: dog
(); // 输出: animal
```
在上面这段代码中，dog1 找不到 type 属性，所以它沿着原型链向上查找，并从 dogPrototype 找到 type。然后，它继续沿着原型链查找 dogPrototype 的原型，并从 animalPrototype 找到 type。

断开原型链

在某些情况下，你可能需要断开原型链。这可以通过设置对象的 __proto__ 属性为 null 来实现。例如：```javascript
const personPrototype = {
name: "",
age: 0,
speak: function() {
(`My name is ${} and I am ${} years old.`);
}
};
const person1 = (personPrototype);
= "John";
= 30;
person1.__proto__ = null; // 断开原型链
(); // TypeError: is not a function
```
断开原型链后，对象无法再访问其父级原型的属性和方法。

JavaScript 原型链是一个强大的机制，它允许对象继承其他对象的特性。通过理解原型链，你可以创建更复杂和可重用的代码。此外，你还可以根据需要断开原型链，以限制对象对父级原型的访问。

2024-12-22

上一篇：“.then JavaScript”：掌握异步编程的利器

下一篇：JavaScript Unicode：编码、字符串处理和正则表达式