首页技术文章正文

Web API是干什么的?Web API与API的关系

更新时间:2021-06-17 来源:黑马程序员 浏览量:

IT培训班

Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。例如,在JavaScript学习中经常使用的console.log()就是一个接口。 这里的console对象表示浏览器的控制台,调用它的log()方法就可以在控制台中输出调试信息。

接下来,将围绕JavaScript的组成以及Web API与API的关系进行详细介绍。

JavaScript语言由3部分组成,分别是ECMAScript、BOM和DOM,其中ECMAScript是JavaScript语言的核心,它的内容包括前JavaScript基本语法、数组、函数和对象等。而Web API包括BOM和DOM两部分。具体关系如下图所示。

1623911390412_web-API.png

在学习JavaScript时,基础阶段学习的ECMAScript的基础语法,是为学习Web API部分做前期的铺垫;学习Wb API阶段是Janaoripr的实战应用。在这一阶段将会大量使用JavaScript基础语法来实现网页的交互效果。

Web API与API的关系

(1)API

应用程序编程接口(Aplication Progamming Interface API) 是一些预先定义的函数,这些函数是由某个软件开放给开发人员使用的,帮助开发者实现某种功能。开发人员无须访问源码、无须理解其内部工作机制细节,只需知道如何使用即可。

例如,开发一个美颜相机的手机应用。该应用需要调起手机上的摄像头来拍摄画面,如果没有API,则开发这个应用将无从下手。因此,手机的操作系统为了使其他应用具有访问手机摄像头的能力,就开放了一套API,然后由手机应用的开发工具将API转换成一个可以被直接调用的函数。直接调用函数就能完成调用摄像头,获取摄像头拍摄的画面等功能。开发人员的主要工作是查阅API文档,了解API如何使用。

(2)Web API

Web API是主要针对浏览器的API,在JavaScript语言中被封装成了对象,通过调用对象的属性和方法就可以使用Web API。在前面的学习中,经常使用console.log()在控制台中输出调试信息,这里的console对象就是一个Web API。在后面还会讲解window对象、document对象等Web API的使用。例如,使用document.tite属性获取或设置页面的标题、使用document.write()方法写人页面内容,示例代码如下。

document.title = '设置新标题';  //设置页面标题
console.log(document.title);    //获取页面标题
document.write('<h1>网页内容</h1>');    //将字符串写入页面


猜你喜欢:

javascript创建对象的几种方式介绍?/a>

JavaScript数据类型:javascript数据类型有哪些?

什么是变量?JavaScript变量命名规范介绍

JavaScript中如何搜索数组元素?

黑马程序员HTML&JS+前端培训课程

分享到:
在线咨询 我要报名
和我们在线交谈!