教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

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

更新時間:2021年04月20日14時11分 來源:傳智教育 瀏覽次數(shù):

傳智教育-一樣的教育,不一樣的品質(zhì)

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

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

圖1 JavaScript的組成部分

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


1. API

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

例如,開發(fā)一個美顏相機(jī)的手機(jī)應(yīng)用,該應(yīng)用需要調(diào)起手機(jī)上的攝像頭來拍攝畫面,如果沒有API,則開發(fā)這個應(yīng)用將無從下手。因此,手機(jī)的操作系統(tǒng)為了使其他應(yīng)用具有訪問手機(jī)攝像頭的能力,就開放了一套API,然后由手機(jī)應(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。在前面的學(xué)習(xí)中,經(jīng)常使用console.log()在控制臺中輸出調(diào)試信息,這里的console對象就是一個Web API。本書在后面還會講解window對象、document對象等Web API的使用。例如,使用document.title屬性獲取或設(shè)置頁面的標(biāo)題、使用document.write()方法寫入頁面內(nèi)容,示例代碼如下。

document.title = '設(shè)置新標(biāo)題';      // 設(shè)置頁面標(biāo)題

console.log(document.title);      // 獲取頁面標(biāo)題

document.write('<h1>網(wǎng)頁內(nèi)容</h1>');   // 將字符串寫入頁面



猜你喜歡:

prop()方法獲取元素固有屬性【web前端】

如何通過JS實(shí)現(xiàn)深拷貝?【web前端培訓(xùn)】

傳智教育web前端基礎(chǔ)視頻教程:HTML5+CSS3教程下載

彈性盒布局常用屬性列舉【web前端】

傳智教育web前端高手班課程

0 分享到:
和我們在線交談!