JavaScript原型链

image

Object-Prototype凭空诞生,为所有对象的根原型。在此基础上派生出了Function-Prototype,为所有函数对象的原型。Function函数对象以Function-Prototype为原型,以自身为构造器创建了自己。可以认为这是元构造器。此后用户便拥有了构造函数对象的能力,例如上图中的Foo。

function Foo() {}
//或者
var Foo = function() {};
//本质上都是下面这样
var Foo = new Function();

有了自定义函数后,用户可以进一步使用new操作符构造实例对象,例如上图中的foo1,其实不论函数对象还是实例对象都是直接或者间接挂载到根原型上的对象,我的理解就是,函数对象充当了一个类型的作用,说白了就是对实例对象进行分类管理,相当于Java里面的类。

var foo1 = new Foo();

每创建一个函数对象时,也会相应地创建一个对象用来充当新建实例对象的原型,该原型会直接挂载到根原型Object-Prototype上,例如图中的Foo-Prototype,新建的实例便都以Foo-Prototype为原型。Foo-Prototype对象的所有属性和方法为所有实例对象所共有。

Foo.prototype.x = 123;
console.log(foo1.x); //123

函数在创建实例对象时依据的原型也可以重新指定,例如将函数Bar的prototype属性设置为foo1对象,那么通过Bar创建的实例就以foo1为原型,挂载到了foo1上。这可以实现面向对象编程中的继承。

function Bar() {}
Bar.prototype = foo1;
var bar1 = new Bar();
console.log(bar1.x); //123

JavaScript内置了一个函数Object,使得创建实例对象更加方便。该构造函数所创建的实例直接挂载到了根原型上,也就是说它所依据的原型是Object-Prototype,如obj1

var obj1 = new Object();

函数对象创建实例后并将之挂载到原型链上,使得实例和其原型发生联系(每个对象都有一个指向原型的指针,如__proto__,根原型对象的原型是null)。那么函数对象如何将实例进行分类呢,也就是实例如何找到创建它的构造器呢。前面说过,每创建一个函数对象相应地就会创建一个原型对象,函数对象通过prototype属性指向原型对象,原型对象通过constructor属性指向函数对象。当我们用instanceof运算符判断一个实例是否属于一个类型时,就是通过追溯原型链查找是否有一个原型的constructor指向该类型。了解了这些后,下面这些代码就没什么好奇怪的了。

Function instanceof Object //true
Object instanceof Function //true
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值