# 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)