JS补原型链

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

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

例如:

javascript 复制代码
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) 来设置对象的原型(尽管这种做法在性能上不是很好,因此不推荐在性能敏感的环境中使用)。

例如:

javascript 复制代码
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 方法了。

相关推荐
jamison_15 天前
文心一言与 DeepSeek 的竞争分析:技术先发优势为何未能转化为市场主导地位?
人工智能·ai·chatgpt·gpt-3·1024程序员节
NaZiMeKiY6 天前
HTML5前端第六章节
前端·html·html5·1024程序员节
jamison_110 天前
颠覆未来:解锁ChatGPT衍生应用的无限可能(具体应用、功能、付费模式与使用情况)
ai·chatgpt·1024程序员节
NaZiMeKiY15 天前
HTML5前端第七章节
1024程序员节
earthzhang202119 天前
《Python深度学习》第四讲:计算机视觉中的深度学习
人工智能·python·深度学习·算法·计算机视觉·numpy·1024程序员节
明明真系叻1 个月前
2025.3.2机器学习笔记:PINN文献阅读
人工智能·笔记·深度学习·机器学习·1024程序员节·pinn
bitenum1 个月前
【C++/数据结构】队列
c语言·开发语言·数据结构·c++·青少年编程·visualstudio·1024程序员节
IT学长编程1 个月前
计算机毕业设计 基于SpringBoot的智慧社区管理系统的设计与实现 Java实战项目 附源码+文档+视频讲解
java·spring boot·后端·毕业设计·课程设计·论文笔记·1024程序员节
qq_382391331 个月前
WPF框架学习
学习·wpf·1024程序员节
✿ ༺ ོIT技术༻2 个月前
Linux:TCP和守护进程
linux·运维·服务器·网络·tcp/ip·1024程序员节