全國(guó)咨詢(xún)/投訴熱線:400-618-4000

首頁(yè)技術(shù)文章正文

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

更新時(shí)間:2021-06-17 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

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

接下來(lái),將圍繞JavaScript的組成以及Web API與API的關(guān)系進(jìn)行詳細(xì)介紹。

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

1623911390412_web-API.png

在學(xué)習(xí)JavaScript時(shí),基礎(chǔ)階段學(xué)習(xí)的ECMAScript的基礎(chǔ)語(yǔ)法,是為學(xué)習(xí)Web API部分做前期的鋪墊;學(xué)習(xí)Wb API階段是Janaoripr的實(shí)戰(zhàn)應(yīng)用。在這一階段將會(huì)大量使用JavaScript基礎(chǔ)語(yǔ)法來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的交互效果。

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

(1)API

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

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

(2)Web API

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

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


猜你喜歡:

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

JavaScript數(shù)據(jù)類(lèi)型:javascript數(shù)據(jù)類(lèi)型有哪些?

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

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

黑馬程序員HTML&JS+前端培訓(xùn)課程

分享到:
在線咨詢(xún) 我要報(bào)名
和我們?cè)诰€交談!