當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript高级day02-PM【原型链的属性问题、探索instanceof、原型面试题】

發布時間：2024/9/30 javascript 34 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript高级day02-PM【原型链的属性问题、探索instanceof、原型面试题】小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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

P19?19.尚硅谷_JS高級_原型鏈_屬性問題?11:53

P20?20.尚硅谷_JS高級_探索instanceof?20:23

案例1

案例2

P21?21.尚硅谷_JS高級_原型_面試題?19:15

測試題1

測試題2

P22?22.尚硅谷_JS高級_變量提升與函數提升?10:02

P23?23.尚硅谷_JS高級_執行上下文?21:48

P24?24.尚硅谷_JS高級_執行上下文棧?17:25

P25?25.尚硅谷_JS高級_面試題?19:49

P19?19.尚硅谷_JS高級_原型鏈_屬性問題?11:53

讀取對象的屬性值時: 會自動到原型鏈中查找

設置對象的屬性值時: 不會查找原型鏈, 如果當前對象中沒有此屬性, 直接添加此屬性并設置其值

方法一般定義在原型中, 屬性一般通過構造函數定義在對象本身上

實例對象的隱式原型等于構造函數的顯式原型。

P20?20.尚硅谷_JS高級_探索instanceof?20:23

1. instanceof是如何判斷的?
- ? * 表達式: A instanceof B
- ? * 如果B函數的顯式原型對象在A對象的原型鏈上, 返回true, 否則返回false
2. Function是通過new自己產生的實例

案例1

//案例1
function Foo() {}
var f1 = new Foo()
console.log(f1 instanceof Foo) // true
console.log(f1 instanceof Object) // true

案例2

//案例2
console.log(Object instanceof Function) // true
console.log(Object instanceof Object) // true
console.log(Function instanceof Function) // true
console.log(Function instanceof Object) // true

function Foo() {}
console.log(Object instanceof Foo) // false