本篇大綱

1. 簡介
2. 使用 HTML <a> download Attribute
3. 通過 blob 下載圖片
4. 通過 blob 下載 txt 檔案

簡介

稍微記錄如何在網頁上設置下載按鈕。第一個方式為使用 HTML <a> tag 原先提供的 download 屬性，但它有其限制性。另一個方法則為通過 blob 物件讓使用者能夠直接儲存檔案。

Codepen Live Demo: Download file buttons

本篇大綱：

1. this 在 4 種情境下指向什麼
2. 快速判斷 this 的小方法
3. 箭頭函式的 this

---

this 用法

解析器（瀏覽器）在呼叫函式的時候都會傳隱形的參數，就是 this . this 指向一個物件，這個物件是上下文物件。根據函式呼叫的方法不同， this 會指向不同的東西。

本篇大綱：

• 原型是什麼
• 原型鏈是什麼
• 檢查屬性以及實例的方法

---

JavaScript 的物件通過原型 (Prototype) 機制來達到相互繼承功能。當使用 Constructor Function 創造 object 時，所創造出來的物件不共享 constructor 的屬性和方法。說創造出來的物件稱為實例 ( instance ).