JS的fetch api演示和异步函数 await关键字以及node相关包管理工具(npm)

1.fetch

Fetch API:用于访问和操纵HTTP管道的一些具体部分，例如请求和响应

fetch方法返回值是一个包含Response对象的Promise对象，并不能直接获取后台的数据

fetch()接收两个参数

参数说明：

1.参数一是url，
2.参数二是请求的配置信息，包含headers，请求类型（get/post） 是否跨域等信息

两个重要的方法:

response.json(): 获取后台的数据并将文本解析为json

response.text():获取后台的数据并将文本解析为UsVstring

2. 异步函数

async关键字用于声明异步函数。这个关键字可以用在函数声明、函数表达式、箭头函数和方法上。

async函数:使用async关键字声明的函数,通常跟await关键字搭配

async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise

3.node之npm

npm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。

npm 提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包

npm常用命令

查看npm版本

npm -v

查看npm的配置

npm config list -l

查看各个命令的简单用法

npm -l

初始化

npm init

若是npm init -yes或-y代表直接默认生成一个新的package.json文件

设置

npm set

安装

npm install 包名

若是npm install -save-dev 安装的(--save无法将其从package.json文件中删除),必须通过save-dev 参数才可以将其删除

删除

1npm uninstall 包名1

更新包

npm update 包名

通过npm install axios,安装axios模块

在package.json文件中,我们可以看到安装模块的相关信息(版本号…)

node_modules:用来存放用包管理工具下载安装的包的文件夹

通过图片我们可以看到node_modules文件中多了一个axios包文件夹

3.2Node模块

一个 Node.js 文件就是一个模块，这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。

Node.js提供了两个对象:

require: 用于从外部获取一个模块的接口,即所获取模块的exports对象
exports:模块公开的接口

通过上面的图片,我们可以看到自定义了一个js模块文件,那我们再来看看下面的图片

看到上面的三张图片引入ExDome.js文件,都分别打印了对应的信息

我们再来看看Node.js的核心模块

1. HTTP模块
2. 还有其他的… ,就不一一举例了

HTTP模块

• 作用:处理客户端的网络请求,即用于搭建HTTP服务端和客户端
  我们先来看看下面的一张图片
  

在浏览器打开http://127.0.0.1:8080可以访问到指定的内容

我们再来说说里面代码的部分

• http.createServer:用于创建服务器对象,会返回服务区的对象,其底层其实就是使用了 new Server对象

  创建Server时传入的回调函数的两个参数:

• req:request请求对象,包含请求相关的信息
• res:response响应对象,包含我们要发送给客户端的信息

  监听主机和端口号:

  Server通过listen方法开启服务器,在某一个主机和端口上监听网络请求

  listen函数有三个参数：

1. 端口port: 可以不传, 系统会默认分配端, 后续项目中我们会写入到环境变量中；
2. 主机host: 通常可以传入localhost、ip地址127.0.0.1、或者ip地址0.0.0.0，默认是0.0.0.0；

   localhost：本质上是一个域名，通常情况下会被解析成127.0.0.1；
   3.回调函数：服务器启动成功时的回调函数；