原型和原型链的理解

原型链:js在创建对象的时候,都有一个_proto_的内置属性,用于指向创建它的函数(相当于constructor)的原型对象prototype
简单点:person 表示对象实例 Person表示类
    person → Person → Object

  • 原型和原型链的理解主要针对的是在ES6之前,没有自定义类,利用普通function当做构造函数。区别于ES6中class里的contructor

  • 对象的一个属性或方法时,会先在对象自身中找,有则直接使用,没有则会去该对象原型中找,直到找到Object对象的原型,Object对象的原型没有原型,如果在Object原型中依然没有找到,则返回undefined。

  • Object.hasOwnProperty()来检查对象自身中是否含有该属性(不去原型中找)

  • in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true

__proto__和prototype区别

  • 函数才有prototype,函数也是对象所以也有__proto__。
  • 每个实例对象都有__proto__
  • Object是JS中所有对象数据类型的基类(最顶层的类)在Object.prototype上没有__proto__这个属性。

  • 每个构造函数(Person)有原型Person.prototype。 而Person.prototype的构造函数,又是指向Person本身。
console.log(person.__proto__ === Person.prototype)      //true
console.log(Person.prototype.constructor===Person)      //true
console.log(Object.getPrototypeOf(person) === Person.prototype)   // true

一图捋清关系

三种常见创造对象的方式

  1. 字面量
    var a = {}   
	a.__proto__ = Object.prototype;
  1. 构造器new
	var A = function(){     }    
	var a = new A();    
	a.__proto__ = A.prototype;
  1. Object.create
	var a1 = {}    
	var a2 = Object.create(a1);   	
	a2.__proto__ = a1;
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值