Prototype与__proto__

在JavaScript的原型这块,听别人讲或者在网上找资料以及看书等方法,即使当时觉得理解了,过段时间没有练习也记得不是很清楚了;

今天自己动手检查了一遍这两个属性,对它们有了一个比较清晰的认识。

//使用function声明一个构造函数
function Foo(){}


//创建一个构造函数的实例
var a=new Foo();



//构造函数的constructor属性指向它的构造器,即Function()函数
alert(Foo.constructor);//function Function(){[native code]}


//构造函数的__proto__属性指向它的构造函数的原型对象
alert(Foo.__proto__);//function (){}
     
//构造函数的实例是对象
alert(typeof a);//object

//构造函数的原型是对象
alert(typeof Foo.prototype);//object


//构造函数的实例不是函数没有prototype属性
alert(typeof a.prototype);//undefined


//构造函数的实例是对象,具有__proto__属性,指向该实例的构造函数的原型对象
alert(typeof a.__proto__);//object


//构造函数的实例的隐式原型(__proto__属性所指向的对象)就是构造函数的原型对象
alert(a.__proto__===Foo.prototype);//true


也就是说:

①当使用函数声明声明一个函数时,函数会自动取得一个prototype属性,这个属性的值是一个对象。

②对象都具有__proto__属性,指向对象的构造函数的原型对象;函数都具有prototype属性,指向函数的原型对象;函数的原型对象具有constructor属性,指向函数本身。

③构造函数的实例没有prototype属性(因为构造函数产生的是对象而不是函数),但实例有一个__proto__属性(隐式原型),指向构造函数的prototype(原型)对象。

④构造函数的prototype对象具有一个constructor属性指向构造函数的构造器,它的__proto__属性指向构造器的原型对象。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值