Web APIs

目录

目标

Web APIs 和 JS 基础关联性

JS 组成

JS 基础阶段

Web APIs 阶段

API 和 Web API

API

Web APIs

总结

---

目标

• 能够说出 Web APIs 阶段与 JavaScript 语法阶段的关联性
• 能够说出什么是 API
• 能够说出什么是 Web API

Web APIs 和 JS 基础关联性

JS 组成

 

JS 基础阶段

• 学习了 ECMAScript 标准规定的基本语法
• 掌握了 JavaScript 基础语法
• 但这些并不能实现常用的网页交互效果
• 为之后的 DOM 和 BOM 打基础，做铺垫

Web APIs 阶段

• Web APIs 是 W3C 组织的标准
• Web APIs 主要学习 DOM 和 BOM
• Web APIs 是 JavaScript 所独有的部分
• 主要学习页面交互效果
• 需要使用 JavaScript 基础的内容做基石

总结

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

API 和 Web API

API

• API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数
• 目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力
• 且无需访问源码，或理解内部工作机制的细节
• 简单理解：API是给程序员提供的一种工具，使其可以更轻松地实现想要实现的功能

例如手机充电的接口：要实现充电功能

• 我们不需要理解手机内部变压器，内部存储电的方式等
• 不需要理解充电线的制作
• 我们只需要知道，借助充电线插入充电接口就可以实现充电功能
• 这个充电接口就是一个 API

Web APIs

• Web APIs 是浏览器提供的一套操作浏览器功能和页面元素的 API（BOM 和 DOM）
• 现阶段主要针对浏览器学习常用的 API，针对浏览器实现交互效果
• 比如想要浏览器弹出一个警示框，直接使用 alert('弹出')
• MDN 详细 API：http://developer.mozilla.org/zh-CN/docs/Web/API
• 因为 Web API 很多，所以称为 Web APIs

总结

• API 是为程序员提供的一个接口，帮助其实现某种功能，会使用即可，不必纠结内部实现原理
• Web API 主要针对浏览器提供的接口，针对浏览器实现交互效果
• Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）
• 学习 Web API 可以结合前面学习内置对象方法的思路学习