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 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦