一、Web APIs 和 JS 基礎關聯性

（一）JS 的組成

（二）JS 基礎階段以及 Web APIs 階段

1、JS 基礎階段

（1）我們學習的是 ECMAScript 標準規定的基本語法

（2）要求同學們掌握 JS 基礎語法

（3）只學習基本語法，做不了常用的網頁互動效果

（4）目的是為了 JS 後面的課程打基礎、做鋪墊

2、Web APIs 階段

（1）Web APIs 是 w3c 組織的標準

（2）Web APIs 我們主要學習 DOM 和 BOM

（3）Web APIs 是我們 JS 所獨有的部分

（4）我們主要學習頁面互動功能

（5）需要使用 JS 基礎的課程內容做基礎

3、JS 基礎學習 ECMAScript 基礎語法為後面作鋪墊，web APIs 是 JS 的應用，大量使用 JS 基礎語法做互動效果。

二、API 和 Web API

（一）API

1、API（Application Programming Interface，應用程式程式設計介面）是一些預先定義的函式，目的是提供應用程式與開發人員基於某軟體或硬體得以訪問一組例程的能力，而又無需訪問原始碼，或理解內部工作機制的細節。

2、簡單理解：API是給程式設計師提供的一種工具，以便能更輕鬆的實現想要完成的功能。

比如手機充電的介面：

 我們要實現充電這個功能：

（1）我們不關心手機內部變壓器，內部怎麼儲存電等

（2）我們不關心這個充電線怎麼製作的

（3）我們只知道，我們拿著充電線插進充電介面就可以充電

（4）這個充電介面就是一個 API

（二）Web API

1、Web API 是瀏覽器提供的一套操作瀏覽器功能和頁面元素的API（BOM 和 DOM）

2、現階段我們主要針對於瀏覽器講解常用的 API，主要針對瀏覽器做互動效果

3、比如我們想要瀏覽器彈出一個警示框，直接使用 alert('彈出')

4、MDN 詳細 API：https://developer.mozilla.org/zh-CN/docs/Web/API

5、因為 Web API 很多，所以我們將這個階段稱為 Web APIs

三、API 和 Web API 總結

1、API是為我們程式設計師提供的一個介面，幫助我們實現某種功能，我們會使用就可以了，不必糾結內部如何實現

2、Web API 主要是針對於瀏覽器提供的介面，主要針對於瀏覽器做互動效果

3、Web API 一般都有輸入和輸出（函式的傳參和返回值），Web API 很多都是方法（函式）

4、學習Web API 可以結合前面學習內建物件方法的學習思路