为了账号安全,请及时绑定邮箱和手机立即绑定

一分钟秒杀,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 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消