---
# System prepended metadata

title: 第六週共筆筆記 - <br> 11/9 核心篇第六堂：this 與原型鏈
tags: [2022JS直播班, 核心篇, 六角學院]

---

# 第六週共筆筆記 - <br> 11/9 核心篇第六堂：this 與原型鏈
###### tags: `核心篇`、`六角學院`、`2022JS直播班`

[講義連結](https://hackmd.io/4UPXe8ouQvi9hsbehO31fA)
## 共筆簽到區


## 正課開始！~~~~

### 本日知識點


#### 
---

```javascript=
```

```javascript!


```
## :rocket:關於 This

![](https://i.imgur.com/Cs2MJu0.png)
![](https://i.imgur.com/ysDtk2V.png)

1.全育環境下的 this
![](https://i.imgur.com/QHkjGMj.png)



<!-- 原始講義內容 -->
## :rocket:關於 This

- 全域：不要用就對了
    - use strict：https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Strict_mode
- 作為物件：**函式內的 this 是指向函式前方的物件**
- 箭頭函式：**箭頭函式沒有自己的 this（指向其作用域的 this）**
- new 建構子：新建立的物件傳入函式作為 this
- bind, apply, call（強制綁定 this，本次課程不介紹）


## :rocket:原型鏈

什麼是原型鏈

- 哪裡會看到原型鏈
- 原型鏈架構（原型是共用的）
    - 客製化原型鏈
- 原型繼承（為 Object 新增的方法，所有原型都會套用）


### :sparkles:函式建構子
> 函式建構子就如同設計圖一般，可以用於生產大量的產品

- this, function 與 new
- prototype
- 原型繼承
- class