浅谈Koa框架

本文原创：zhangwei

前言

在前言中，首先想提出这样三个问题：

1.前端开发者学习Node开发的意义？

2.Node开发能够帮助咱们解决哪些问题？

3.什么是Koa框架？

Node开发的意义

近些年，随着前端领域涉及的范围愈来愈广，前端开发者关注的事情也愈来愈多。以前大多数人对于前端的定义是负责页面展现，并不须要去关心数据。但随着业务的发展，更多的前端开发者开始关注接口的定义、先后端的交互以及数据结构的设计与实现。Node相对于传统的C、C++、Python、Java等语言更容易上手，其语法特性也容易被前端开发者所接受，由于Node应该是前端学习的首选。学习Node能够定义更清晰的架构，帮助前端扩展业务范围，也意味着更多的可能性。

Node开发解决的问题

如今先后端的定义愈发模糊，在许多公司的中大型项目中，架构已经由传统的先后双层结构发展为前中后三层结构。与此同时前端开发者最为清楚本身须要哪些数据结构，因此将数据结构的定义交给前端开发者是比较好的作法。此外还能够将后端中和客户端更为紧密的部分抽离出来，造成中间件，好比服务端渲染、数据聚合、接口转发等等。

基础

Koa框架的定义

Koa框架是一个基于Node实现的web框架。

对比于Express框架，丢弃了回调函数，并有效地加强了异常处理。

丢弃回调函数是由于Koa使用Promise配合Async函数实现异步，解决了Node回调地狱的问题。 Express框架实现错误处理是经过错误处理中间件，这样把错误一层一层抛出来，交由错误处理中间件处理；而到了Koa则是经过全局错误事件监听，这样把错误处理写在最外层便可。

Koa框架的发展

Koa框架的发展：

Express => Koa => Koa2（Koa框架的发展史本质上是Node的web框架的发展史）

其实质上是中间件实现方式上的变动：

线性结构=>generator+co库=>Promise+Async

Express框架

Express实现的原理是对Node.js的http进行了封装。

缺点：Express基于的是ES5语法，所以要实现异步代码，只有一个方法就是回调。当嵌套层次较多的时候，就会出现咱们比较熟悉的回调地狱的问题。

Koa1.0

Koa1.0是基于Es6的generator重写的一个web框架。

Koa2.0

Koa2.0在Koa1.0的基础上,使用了Es6语法进行了重构，使用Promise配合Async实现异步。

Express中间件实现

Express线性模型中间件是经过堆栈实现的。

源码解析

与中间件有关的部分：

1. router文件夹处理的是路由的逻辑。

2. pplication.js挂载了全部的核心方法。

3. express.js继承application.js并对外暴露接口。

其中application.js包含了两个比较重要的方法，proto.use和proto.handle两个方法。

proto.use将咱们须要挂载的中间件存储到自身的stack属性上。

proto.handle的核心思想是经过对于next方法的递归调用，对stack中的中间件取出执行。

为何说Express中间是线性结构？

当有异步代码时，将会跳过异步代码(next)执行，须要等待当前队列中的事件所有执行完毕，所以代码的输出是线性的。

Koa中间件实现原理

Koa的中间件实现方式上与Express不一样，Express选择了线性模型，Koa选择了洋葱圈模型。

洋葱圈模型特色：全部的请求通过一个中间件的时候都会执行两次；很是方便的实现后置处理逻辑。

源码解析

Koa与Express相比在中间件实现方式上最大的不一样是use方法的不一样。

在Koa的use函数内，中间件入栈，在compose函数中对中间件数组进行递归调用，返回一个promise链。整个过程的核心就是调用compose函数，将中间件函数数组转化为compose函数const fn = compose(this.middlewaire);而后调用fn，就会依次执行全部的中间件函数；并且上下文ctx也会贯穿全部的中间件函数。

总结

一句话归纳学习Node开发对于一个前端开发者的意义：短时间小收益，中期高收益，长期必然趋势。咱们能够有更丰富的手段去进行业务上的改进，也能够对先后端交互有更为深入的认识。而Koa框架对比Express，不管从结构上仍是语法上都更为适合之后前端的发展，因此更为推荐采用Koa框架去进行前端扩展的开发。