原型链

最新推荐文章于 2025-04-15 21:07:53 发布

np918

最新推荐文章于 2025-04-15 21:07:53 发布

阅读量176

点赞数

分类专栏： js 文章标签：原型链

js 专栏收录该内容

9 篇文章

订阅专栏

博客介绍了JavaScript中原型链的相关知识，包括显示原型链prototype和隐式原型链__proto__的概念，前者是函数属性，后者是对象内置属性。还阐述了new的过程，关键步骤是将对象的__proto__指向构造函数的prototype。

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

原型链分两种：
显示原型链：prototype
隐式原型链：一般环境下看不见，在火狐浏览器下可以通过__proto__方式访问
隐式原型链用于javascript引擎内部对原型链的首存，通过显示原型链来设置
一、prototype和__proto__的概念
prototype是函数的一个属性，这个属性是一个指针，指向一个对象。它是现实修改对象的原型的属性。__proto__是一个对象拥有的内置属性，是js内部使用寻找原型链的属性。用chrome和ff都可以访问到对象的__proto__属性，IE不可以
二、new的过程

var Person = function(){}
var p = new Person()

new的过程拆分成一下三步：
（1）var p = {}；也就是说，初始化一个对象p
（2）p.proto = Person.prototype
（3）Person.call§;也就是说构造p，也可以称之为初始化p
关键在于第二步

var Person = function(){}
  var p = new Person()
  alert(p.__proto__ === Person.prototype)

三、示例

   var Person = function(){}
   Person.prototype.sayName = function(){
		alert("My Name is Jacky")
	}
	Person.prototype.age = 25;
	var p = new Person();
	p.sayName()

p是一个引用指向Person的对象。我们在Person的原型上定义了一个sayName方法和age属性，当我们执行p.age
时，会现在this的内部查找，如果没有找到然后再沿着原型链向上追溯（使用__proto__属性来链接到原型进行查
找。最终在原型上找到age属性）