首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript .prototype如何工作?

JavaScript .prototype 是一个非常重要的概念,它是原型继承的基础。在 JavaScript 中,每个对象都有一个原型对象,当我们试图访问一个对象的属性时,如果对象本身没有这个属性,JavaScript 会查找对象的原型链,直到找到该属性或者到达原型链的末端。

.prototype 的工作原理如下:

  1. 每个 JavaScript 函数都有一个 .prototype 属性,这个属性是一个对象。
  2. 当我们使用 new 关键字创建一个新对象时,新对象的内部 [Prototype] 属性会指向构造函数的 .prototype 对象。
  3. 当我们尝试访问新对象的属性时,如果新对象本身没有这个属性,JavaScript 会查找新对象的原型链,直到找到该属性或者到达原型链的末端。

举个例子:

代码语言:javascript
复制
function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name);
}

const person1 = new Person('Alice', 30);
person1.sayHello(); // 输出 "Hello, my name is Alice"

在这个例子中,我们定义了一个 Person 构造函数,并且为 Person.prototype 添加了一个 sayHello 方法。然后我们使用 new 关键字创建了一个新的 Person 对象 person1,person1 的内部 [Prototype] 属性指向了 Person.prototype 对象。当我们尝试访问 person1 的 sayHello 方法时,JavaScript 会在 person1 的原型链中找到该方法并执行它。

总结一下,.prototype 是 JavaScript 原型继承的基础,它可以让我们在不修改原型对象的情况下,为已经创建的对象添加新的方法和属性。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券