Web APIs 和JS基础关联性

2020-09-30 11:25:15 浏览数 (1)

1、JS组成

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基础语法做交互效果

3.1. API 和 Web API介绍

3.1 API的概念

APIApplication Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。

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

比如充电器接口

我们要实现充电这个功能:

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

举例解释什么是API。 例如, C语言中有一个函数 fopen()可以打开硬盘上的文件,这个函数对于我们来说,就是一个C语言提供的打开文件的工具。 javascript中有一个函数alert()可以在页面弹一个提示框,这个函数就是js提供的一个弹框工具。 这些工具(函数)由编程语言提供,内部的实现已经封装好了,我们只要学会灵活的使用这些工具即可。

3.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。

此处的 Web API 特指浏览器提供的一系列API(很多函数或对象方法),即操作网页的一系列工具。例如:操作html标签、操作页面地址的方法。

3.3 API 和 Web API 总结

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

0 人点赞