一分钟秒杀,js原型与原型链
有人说作者吹牛逼,我特么几年没搞懂的东西。一分钟理解原型,原型链?扯犊子吧?
说实话,原型和原型链这个东西,无非就是两个单词 prototype 和 __proto__,真的不难,虽然到今天一直是看了忘,忘了看,放下点和产品斯逼的时间,彻底把这玩意弄清楚了。
prototype 和 __proto__的概念
1.prototype是函数特有的属性(对象是没有的!) 2.__proto__是对象拥有的内置属性 (function 是没有的!)
看到这里,已经把以前的疑惑解开了一半,有没有?
new的过程
var Person = function(){};var p = new Person();
new的过程拆分成以下三步:
(1) var p={}; 也就是说,初始化一个对象p (2) p.__proto__ = Person.prototype; (3) Person.call(p); 也就是说构造p,也可以称之为初始化p
举个例子
var Person = function(){}; Person.prototype.sayName = function() { alert("My Name is Jacky"); }; Person.prototype.age = 27;var p = new Person(); p.sayName();
p是一个引用指向Person的对象。我们在Person的原型上定义了一个sayName方法和age属性,当我们执行p.age时,会先在this的内部查找(也就是构造函数内部),如果没有找到然后再沿着原型链向上追溯。
这里的向上追溯是怎么向上的呢?这里就要使用__proto__属性来链接到原型(也就是Person.prototype)进行查找。最终在原型上找到了age属性。
PS:如果此文对你有任何的启发或者收获,请不吝手中的 赞 和 关注,任何疑问留言陪撕。
作者:熊师傅
链接:https://www.jianshu.com/p/50251567e6e4
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦