详解JavaScript中__proto__和prototype

本文详细解释了JavaScript中对象和函数的__proto__属性及prototype属性的作用,通过具体示例展示了如何利用这些特性实现方法共享,并区分了通过对象字面量与构造函数创建对象的不同。

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



首先 对象才会有__proto__,函数(为了命名规范,所有函数首字母都是大写,那用这一规范来说的话,粗暴的理解为首字母大写的才会有哦prototype)才会有prototype;


比如(1).__proro__===Number.protype,({}).__proto__===Object.prototype


var Factory= function(){}  那么Factory.__proto__===Function.prototype;


var obj={};


obj.__proto__===Object.prototype;


Number.__proto__===Function.prototype或者String.__proto__===Function.prototype 等;


此处省略1万字


Function.prototype.__proto__===Object.prototype 这个说明函数也是对象的实例


于是继续
Number.__proto__.__proto__===Object.prototype




那么假如 var Person=function(){


};


为什么要这样写?为什么仅仅是通过 new Person()创建的对象才会有tell方法?


Person.prototype.tell===function(){
console.log('tell');
}


var person=new Person();


person.__proto__===Person.prototype;//true


那么 自然就不会有person.__proto__!==Object.prototype //true




其实真正是这样的 Person.prototype.__proto__===Object.prototype;




于是 可以得出 person.__proto__.__proto__===Object.prototype;


于是 还可以得出 通过对象字面量创建的对象和通过构建函数创建的对象不一样。


从此原型是路人。


(Object.create(proto, [ propertiesObject ]))


那么如果以上搞懂了,分分钟get以下代码:


 Function.prototype.method = function(name, fn) {  
            if (!this.prototype[name]) {  
                this.prototype[name] = fn;//保证每一个对象都要有相应的方法。  
            }  


return this;  
}  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值