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

亦凉 2023-01-12 11:58 82阅读 0赞

> [**笔记、视频、源码：**JavaScript(基础、高级)笔记汇总表【尚硅谷JavaScript全套教程完整版】][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 #

> 1.  读取对象的属性值时: 会自动到原型链中查找
> 2.  设置对象的属性值时: 不会查找原型链, 如果当前对象中没有此属性, 直接添加此属性并设置其值
> 3.  方法一般定义在原型中, 属性一般通过构造函数定义在对象本身上

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70][]
> 
> 实例对象的隐式原型 等于 构造函数的显式原型。
> 
> ![20210128154716210.png][]

# 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
> 
> ![20210128194048825.png][]

## 案例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
> 
> ![20210128194051953.png][]

# P21 21.尚硅谷\_JS高级\_原型\_面试题 19:15 #

## 测试题1 ##

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1][]

## 测试题2 ##

> ![20210128194328609.png][]

# P22 22.尚硅谷\_JS高级\_变量提升与函数提升 10:02 #

# P23 23.尚硅谷\_JS高级\_执行上下文 21:48 #

# P24 24.尚硅谷\_JS高级\_执行上下文栈 17:25 #

# P25 25.尚硅谷\_JS高级\_面试题 19:49 #

> 不学 js 了，太难了，我先去学其他的东西了...

[JavaScript_JavaScript]: https://blog.csdn.net/weixin_44949135/article/details/108621932
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70]: /images/20221119/b1c2b9ec6cdc4c9999471d056bd69eaf.png
[20210128154716210.png]: /images/20221119/5de3265f03c4495d8d5779cf95ef6a41.png
[20210128194048825.png]: /images/20221119/b7113fdcb7144f8eb5e335d04bd2673e.png
[20210128194051953.png]: /images/20221119/bbe136304d3f43cc864c4824fe65fab2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1]: /images/20221119/3a82cf9256754bc49b6d18a7594b1ef7.png
[20210128194328609.png]: /images/20221119/c8bede2e9322469484c4e6478e90ca38.png