---
# System prepended metadata

title: 2022 JS直播班-第三週小組作業
tags: [JavaScript]

---

# 2022 JS直播班-第三週小組作業

###### tags: `JavaScript`

### 以建構式製作物件樣板 
[參考卡斯柏老師的blog](https://www.casper.tw/javascript/2017/12/18/javascript-constructor/)
* 只能透過function建立,且不能用箭頭函式
* this代表此物件,可以透過參數傳入值

以建立商品樣板為例:
分別建立名稱,分類,照片連結,價格,是否打折的屬性
![](https://i.imgur.com/x9ByBGv.png)


建立後以new套用,會產生套用相同樣板但各自獨立的物件
![](https://i.imgur.com/1oPC157.png)
goods1及good2輸出為
![](https://i.imgur.com/4fgGPbe.png)

樣板建立後也可用prototype新增新的屬性
![](https://i.imgur.com/3IF2NOW.png)
輸出結果
![](https://i.imgur.com/jaxYX4I.png)





