JS中的原型---什么是原型？如何判断属性在实例中还是原型中？_js如何查看一个方法是在实例上还是在原型上-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_47580224/article/details/110695131

JavaScript中的每个对象都有原型，通过原型链实现属性访问。当读取对象属性时，会从实例查找，若未找到则沿原型链向上搜索。通过`instanceof`和`__proto__`可判断属性位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

prototype：实例原型，通过构造函数的.prototype属性可以访问到，也可以通过实例的.__proto__访问

每一个js对象在创建的时候都关联它的原型，他会通过委托访问原型上的属性，看起来就像继承了原型的值一样（但并不是不是继承，因为对象并不会从原型处复制值，只是与原型有关联。）

原型到原型链

当我们读取一个对象实例person的属性时，如果找不到，就会去查找person.__proto__的属性即person的原型，如果还找不到就会去查找person.__proto__.__proto__，沿着上图中橙色的线一直到最顶层位置，这条橙色的链状结构就是原型链

补充：

1..__proto__是属性吗？

（obj.__proto__严格来说是一个 getter/setter，使用时相当于返回了Object.getPrototypeOf(obj)）

Object.getPrototypeOf(obj)可以返回实例对象的原型

Object.getPrototypeOf(person) === Person.prototype

2.既然查找属性会在原型链上查找，那么如何判断属性在实例中还是原型里？

obj.hasOwnProperty可以用来判断该属性是否在实例中

in操作符可以判断该属性是否存在于实例和其原型中

function Person(){
      }
Person.prototype.name = 'A';
var p = new Person();
console.log(p.hasOwnProperty('name'));//false
console.log('name' in p);//true