API和Web API

---

一、Web APIs和JS基础关联性

1.JS组成

ECMAScript是JavaScript基础
DOM和BOM是Web APIs

2.JS基础阶段以及Web APIs阶段

JS基础阶段

• 学习的是ECMAScript标准规定的基础语法
• 要求掌握JS基础语法
• 只学习基本语法，做不了常用的网页交互效果
• 目的是为了JS后面的知识打基础做铺垫

Web APIs阶段

• Web APIs是W3C组织的标准
• Web APIs主要学习DOM和BOM
• Web APIs是JS所独有的部分
• 主要学习页面交互功能
• 需要使用JS基础知识做基础

JS基础学习ECMAScript基础语法为后面做铺垫，Web APIs是JS的应用，大量使用JS基础语法做交互效果

二、API和Web API

1.API

API(Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问的一组编程的能力，而又无需访问源码，或理解内部工作机制的细节。

简单理解：API是给程序员提供的一种工具，以便能跟轻松的实现想要完成的功能。

比如后记充电的接口：
要实现充电这个功能：

• 不关心手机内部变压器，内部怎么存储电等
• 不关心这个充电线怎么制作的
• 只知道，拿着充电线插进充电口就可以充电
• 这个充电接口就是一个API

2.Web API

Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）。

现阶段主要针对于浏览器功能学习常用的API，主要针对浏览器做交互效果。

比如想要浏览器弹出一个警示框，直接使用alert（‘弹出’）

MDN详细API：https://developer.mozilla.org/zh-CN/docs/Web/API

因为Web API很多，所以将接下来学习的这个阶段称为Web APIs

3.API和Web API总结

1. API是为程序员提供的一个接口，帮助我们实现某种功能，会使用就可以了，不必纠结内部如何实现
2. Web API主要针对于浏览器提供的接口，主要针对于浏览器做交互效果。
3. Web API一般都有输入和输出（函数的传参和返回值），Web API很多都是方法（函数）。
4. 学习Web API可以结合内置对象方法的思路进行学习