Web API是干什么的?Web API與API的關(guān)系

Web API是瀏覽器提供的一套操作瀏覽器功能和頁面元素的接口。例如，在JavaScript學習中經(jīng)常使用的console.log()就是一個接口。 這里的console對象表示瀏覽器的控制臺，調(diào)用它的log()方法就可以在控制臺中輸出調(diào)試信息。

接下來，將圍繞JavaScript的組成以及Web API與API的關(guān)系進行詳細介紹。

JavaScript語言由3部分組成，分別是ECMAScript、BOM和DOM，其中ECMAScript是JavaScript語言的核心，它的內(nèi)容包括前JavaScript基本語法、數(shù)組、函數(shù)和對象等。而Web API包括BOM和DOM兩部分。具體關(guān)系如下圖所示。

在學習JavaScript時，基礎(chǔ)階段學習的ECMAScript的基礎(chǔ)語法，是為學習Web API部分做前期的鋪墊；學習Wb API階段是Janaoripr的實戰(zhàn)應(yīng)用。在這一階段將會大量使用JavaScript基礎(chǔ)語法來實現(xiàn)網(wǎng)頁的交互效果。

Web API與API的關(guān)系

（1）API

應(yīng)用程序編程接口(Aplication Progamming Interface API) 是一些預先定義的函數(shù)，這些函數(shù)是由某個軟件開放給開發(fā)人員使用的，幫助開發(fā)者實現(xiàn)某種功能。開發(fā)人員無須訪問源碼、無須理解其內(nèi)部工作機制細節(jié)，只需知道如何使用即可。

例如，開發(fā)一個美顏相機的手機應(yīng)用。該應(yīng)用需要調(diào)起手機上的攝像頭來拍攝畫面，如果沒有API，則開發(fā)這個應(yīng)用將無從下手。因此，手機的操作系統(tǒng)為了使其他應(yīng)用具有訪問手機攝像頭的能力，就開放了一套API，然后由手機應(yīng)用的開發(fā)工具將API轉(zhuǎn)換成一個可以被直接調(diào)用的函數(shù)。直接調(diào)用函數(shù)就能完成調(diào)用攝像頭，獲取攝像頭拍攝的畫面等功能。開發(fā)人員的主要工作是查閱API文檔，了解API如何使用。

（2）Web API

Web API是主要針對瀏覽器的API,在JavaScript語言中被封裝成了對象，通過調(diào)用對象的屬性和方法就可以使用Web API。在前面的學習中，經(jīng)常使用console.log()在控制臺中輸出調(diào)試信息，這里的console對象就是一個Web API。在后面還會講解window對象、document對象等Web API的使用。例如，使用document.tite屬性獲取或設(shè)置頁面的標題、使用document.write()方法寫人頁面內(nèi)容，示例代碼如下。

document.title = '設(shè)置新標題';  //設(shè)置頁面標題
console.log(document.title);    //獲取頁面標題
document.write('<h1>網(wǎng)頁內(nèi)容</h1>');    //將字符串寫入頁面

猜你喜歡：

javascript創(chuàng)建對象的幾種方式介紹？/a>

JavaScript數(shù)據(jù)類型：javascript數(shù)據(jù)類型有哪些？

什么是變量？JavaScript變量命名規(guī)范介紹

JavaScript中如何搜索數(shù)組元素？

黑馬程序員HTML&JS+前端培訓課程