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

You Don't Know JS笔记(三):原型

标签:
JavaScript

#1、 [ [ Prototype ] ]
javascript中的对象有一个特殊的[ [prototype] ]内置属性,其实就是对于其他对象的引用。
对应默认的[ [get] ]操作来说,如果无法在对象本身找到需要的属性,就会继续访问对象的[ [prototype] ]链了。

var anotherObject = {
      a:2
};
//创建一个关联到anotherObject的对象
var myObject = Object.create( anotherObject) );
myObject.a; //2
myObject.b ;//undefined

所有普通[ [prototype[ ]链最终都会指向内置的Object.prototype,所以Object.prototype对象包含Javascript中许多通用的功能。

2.类 vs 原型继承

Javascript和面向类的语言不同,它并没有类来作为对象的抽象模式,Javascript只有对象。
所有的函数都会拥有一个名为prototype的公有并且不可枚举的属性,它会指向另一个对象。

function Foo(){
  // ...
}
var a = new Foo();
Object.getPrototypeOf( a ) === Foo.prototype; //true

调用·new Foo()时会创建a( 具体步骤见this绑定规则) ,其中一步就是给a一个内部的[ [Prototype] ]联解,关联到Foo.prototype所指向的那个对象)。

在面向类的语言中,类可以被复制(或者说实例化),实例化(或者继承)一个类就意味着“把类的行为复制到物理对象中”,对于每一个新实例来说都会重复这个过程。
但是在Javascipt中,没有类似的复制机制。你不能创建一个类的多个实例,只能创建多个对象,它们的[[prototype]]关联的是同一个类。
Object.create(..)可以直接做到这一点。

3、构造函数

function Foo(){
    //...
}
Foo.prototype.constructodr === Foo; //true
var a = new Foo();
a.constructor === Foo ;  //true

Foo.prototype默认有一个公有并且不可枚举的属性.constructor,这个属性引用的是对象关联的函数。通

function Foo(){}
function Foo2(){
      this.value = 8;
}
var a = new Foo2()
Foo.prototype = a;
var b = new Foo();
b.constructor;  //Foo2
Foo.prototype.constructor; //Foo2;

函数不是构造函数,但是当且仅当使用new时,函数调用会变成”构造函数调用“。

点击查看更多内容
TA 点赞

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

评论

作者其他优质文章

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

100积分直接送

付费专栏免费学

大额优惠券免费领

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

举报

0/150
提交
取消