筆記、視頻、源碼：JavaScript(基礎、高級)筆記匯總表【尚硅谷JavaScript全套教程完整版】

目? ?錄

P15 15.尚硅谷_JS高級_函數的prototype 15:04

1. 函數的prototype屬性(圖)

2. 給原型對象添加屬性(一般都是方法)

P16 16.尚硅谷_JS高級_顯式原型與隱式原型?28:34

P17 17.尚硅谷_JS高級_原型鏈 44:34

P18 18.尚硅谷_JS高級_原型鏈_補充 10:29

---

P15 15.尚硅谷_JS高級_函數的prototype 15:04

1. 函數的prototype屬性(圖)

1. 函數的prototype屬性(圖)

• 每個函數都有一個prototype屬性，它默認指向一個Object空對象(即稱為: 原型對象)
• 原型對象中有一個屬性constructor，它指向函數對象

??

構造函數 與 原型對象，相互引用。

2. 給原型對象添加屬性(一般都是方法)

2. 給原型對象添加屬性(一般都是方法)

• 作用：函數的所有實例對象自動擁有原型中的屬性(方法)

P16 16.尚硅谷_JS高級_顯式原型與隱式原型?28:34

每個函數function都有一個prototype，即顯式原型。

每個實例對象都有一個__proto__，可稱為隱式原型。

對象的隱式原型的值為其對應構造函數的顯式原型的值。

內存結構(圖)

總結:

函數的prototype屬性：在定義函數時自動添加的，默認值是一個空Object對象。

對象的__proto__屬性：創建對象時自動添加的，默認值為構造函數的prototype屬性值。

程序員能直接操作顯式原型，但不能直接操作隱式原型(ES6之前)。

P17 17.尚硅谷_JS高級_原型鏈 44:34

• 1. 原型鏈(圖解)
  • 訪問一個對象的屬性時，
    • 先在自身屬性中查找，找到返回
    • 如果沒有, 再沿著__proto__這條鏈向上查找，找到返回
    • 如果最終沒找到，返回undefined
  • 別名: 隱式原型鏈
  • 作用: 查找對象的屬性(方法)
• 2. 構造函數/原型/實體對象的關系(圖解)
• 3. 構造函數/原型/實體對象的關系2(圖解)

函數都有prototype屬性，只是說普通函數的prototype屬性的沒有意義，當做構造函數使用的函數的prototype屬性才有意義。

所有的函數對象都是Function函數的實例對象，因此這些函數的隱性原型屬性都是一樣的。然后這些函數都有各自自己的顯性原型屬性，和由通過他們自己創建的實例對象的隱性原型屬性地址值相等。

P18 18.尚硅谷_JS高級_原型鏈_補充 10:29

所有函數的隱式原型等于構造函數的顯示原型。是所有(構造)函數實例對象的隱式原型等于(構造)函數的顯示原型。

1、所有函數的顯示原型指向的對象是空Object的實例對象。2、所有函數都是Function的實例。

總結

以上是生活随笔為你收集整理的JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。