Web API

一、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 可以结合前面学习内置对象方法的学习思路