欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 会展 > JS补原型链

JS补原型链

2024/10/28 13:30:08 来源:https://blog.csdn.net/weixin_44327634/article/details/136038968  浏览:    关键词:JS补原型链

在JavaScript中,补足一个对象的原型链通常是指确保一个对象继承自另一个对象。这涉及到原型和构造函数。

对于构造函数(通常首字母大写,如 Animal),它们有一个 prototype 属性,这个属性是一个对象,它定义了通过这个构造函数创建的所有实例的原型。当你使用 new 关键词创建一个新对象时,新对象的内部 [[Prototype]](也就是它的 __proto__ 属性)会被设置为构造函数的 prototype 属性。

例如:

function Animal(name) {this.name = name;
}Animal.prototype.speak = function() {console.log(`${this.name} makes a noise.`);
};let dog = new Animal('Rover');dog.speak(); // Rover makes a noise.
console.log(dog.__proto__ === Animal.prototype); // true

在这个例子中,dog 对象的原型链是这样的:

dog -> Animal.prototype -> Object.prototype -> null

这里的 dog.__proto__ 指向 Animal.prototype,而 Animal.prototype__proto__ 又指向 Object.prototype,这是所有对象默认的原型。

如果你想为一个已经存在的对象补足原型链,你不能直接使用 对象.prototype,因为实例对象没有 prototype 属性(这个属性是属于构造函数的)。而是应该使用:

  • Object.getPrototypeOf(obj) 来获取对象的原型。
  • Object.setPrototypeOf(obj, prototype) 来设置对象的原型(尽管这种做法在性能上不是很好,因此不推荐在性能敏感的环境中使用)。

例如:

let cat = {meow: function() {console.log('Meow!');}
};let myCat = {name: 'Whiskers'
};// Set myCat's prototype to cat
Object.setPrototypeOf(myCat, cat);myCat.meow(); // Meow!

在这个例子中,myCat 对象的原型链被补足为:

myCat -> cat -> Object.prototype -> null

现在 myCat 能够访问 cat 对象中定义的 meow 方法了。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com