国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

javascript原型鏈

li21 / 3029人閱讀

摘要:實例解析引申所以在構造函數原型對象沒有改寫的情況下,我們可以通過屬性判斷某個實例的構造函數是誰。例例總結實例的屬性指向其構造函數的屬性里的原型對象

__proto__屬性

__proto__:每個對象都有一個__proto__屬性,相當于一個指針,可以指向某原型對象,并且引用其屬性及方法。(有些瀏覽器沒有)

</>復制代碼

  1. var a = {
  2. x: 10,
  3. calculate: function (z) {
  4. return this.x + this.y + z
  5. }
  6. };
  7. var b = {
  8. y: 20,
  9. __proto__: a
  10. };
  11. var c = {
  12. y: 30,
  13. __proto__: a
  14. };
  15. b.calculate(30); // 60

__proto__的默認指向

它指向的是最高級的Object.prototype,而Object.prototype的__proto__為空

</>復制代碼

  1. var d = {};
  2. d.__proto__//Object {}
  3. d.__proto__ === Object.prototype//true
  4. Object.prototype.__proto__//null
prototype屬性 原理說明

創建構造函數foo時,同時創建了一個原型對象foo {}并將其存儲于foo.prototype中(FunctionName.prototype相當于一個原型對象),a是foo的一個實例可以通過a.__proto__訪問到構造函數foo的原型對象。同時,此原型對象又有名為constructor的屬性,它反過來引用函數本身。

</>復制代碼

  1. function foo(){}
  2. var a = new foo()
  3. a.__proto__//foo {}
  4. a.__proto__ === foo.prototype//true
  5. foo.prototype.constructor//function foo(){}
實例解析

</>復制代碼

  1. function Foo(y){
  2. this.y = y ;
  3. }
  4. Foo.prototype.x = 10;
  5. Foo.prototype.calculate = function(z){
  6. return this.x+this.y+z;
  7. };
  8. var b = new Foo(20);
  9. console.log(b.calculate(30));//60

引申

所以,在構造函數原型對象沒有改寫的情況下,我們可以通過constructor屬性判斷某個實例的構造函數是誰。

</>復制代碼

  1. 1.function foo(){};
  2. var a = new foo();
  3. a.constructor//function foo(){}
  4. 2.var b = {};
  5. b.constructor//function Object() { [native code] }
  6. Object.prototype//Object {}
  7. Object.prototype.constructor//function Object() { [native code] }
總結

實例的__proto__屬性指向其構造函數的prototype屬性里的原型對象

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/85798.html

相關文章

  • 如何理解JavaScript原型原型

    摘要:之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關系那么圖中所有的虛線將構成一個繼承層級,而實線表示屬性引用。原型鏈是實現繼承的重要方式,原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個問題,在面試中,很多同學經常都會遇到。這里給大家講講,方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...

    xuexiangjys 評論0 收藏0
  • 如何理解JavaScript原型原型?

    摘要:之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關系那么圖中所有的虛線將構成一個繼承層級,而實線表示屬性引用。原型鏈是實現繼承的重要方式,原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個問題,在面試中,很多同學經常都會遇到。這里給大家講講,方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...

    adie 評論0 收藏0
  • 我所認識的JavaScript作用域原型

    摘要:為了防止之后自己又開始模糊,所以自己來總結一下中關于作用域鏈和原型鏈的知識,并將二者相比較看待進一步加深理解。因此我們發現當多個作用域相互嵌套的時候,就形成了作用域鏈。原型鏈原型說完了作用域鏈,我們來講講原型鏈。   畢業也整整一年了,看著很多學弟都畢業了,忽然心中頗有感慨,時間一去不復還呀。記得從去年這個時候接觸到JavaScript,從一開始就很喜歡這門語言,當時迷迷糊糊看完了《J...

    Bmob 評論0 收藏0
  • 細說 Javascript 對象篇(二) : 原型對象

    摘要:并沒有類繼承模型,而是使用原型對象進行原型式繼承。我們舉例說明原型鏈查找機制當訪問一個對象的屬性時,會從對象本身開始往上遍歷整個原型鏈,直到找到對應屬性為止。原始類型有以下五種型。此外,試圖查找一個不存在屬性時將會遍歷整個原型鏈。 Javascript 并沒有類繼承模型,而是使用原型對象 prototype 進行原型式繼承。 盡管人們經常將此看做是 Javascript 的一個缺點,然...

    lansheng228 評論0 收藏0
  • javascript高級程序設計》筆記:原型圖解

    摘要:不理解沒關系,下面會結合圖例分析上一篇高級程序設計筆記創建對象下一篇高級程序設計筆記繼承參考之原型鏈的解讀三張圖搞懂的原型對象與原型鏈繼承與原型鏈 文章直接從原型圖解開始的,如果對一些概念不太清除,可以結合后面幾節查看 1. 圖解原型鏈 1.1 鐵三角關系(重點) function Person() {}; var p = new Person(); showImg(https://s...

    vspiders 評論0 收藏0
  • JavaScript原型以及Object,Function之間的關系

    摘要:由于一般所有的原型鏈最終都會指向頂端的,所以它們都是的。好了現在了,成了所有對象原型鏈的。 JavaScript里任何東西都是對象,任何一個對象內部都有另一個對象叫__proto__,即原型,它可以包含任何東西讓對象繼承。當然__proto__本身也是一個對象,它自己也有自己的__proto__,這樣一級一級向上,就構成了一個__proto__鏈,即原型鏈。當然原型鏈不會無限向上,它有...

    zacklee 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<