继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

loserwang
关注TA
已关注
手记 10
粉丝 2
获赞 11

#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时,函数调用会变成”构造函数调用“。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP