亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

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下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消