4.1 koa的由来

本节我们将简单介绍一下 koa。

nodejs是什么?

Node.js是一个创建于 2009年的Javascript运行环境。它使用了一个事件驱动、非阻塞式 I/O 的模型,基于回调实现的异步编程,使其轻量又高效。

例如,我们可以一边读取文件,一边执行其他命令,在文件读取完成后,我们将文件内容作为回调函数的参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作。

这就大大提高了 Node.js 的性能,可以处理大量的并发请求,因此,Node 主要用在开发 Web 应用。

使用原生nodejs提供web服务

要在nodejs中提供web服务,我们需要引入 nodejs 的Http模块:require('http'), 然后调用createServer方法,传入一个函数作为参数即可:

const Server = http.createServer((req, res) => {
  res.writeHead(200,{'Content-Type': 'application/json;charset=utf-8;'});
  res.write('{text: "写代码很快乐啊!"}');
  res.end();
}).listen(8888);

可以看到,代码可读性不是很好,开发也不是很便利,于是就有了 Express 这个第一代最流行的web框架。

express 框架

我们看看,使用express, 怎么实现一个最简单的入门网站:

var express = require('express');
var app = express();
app.get('/', function (req, res) {
    res.send('写代码很快乐!');
});
app.listen(8888);

可以看到,代码精简了很多,虽然express的API很简单,但是它是基于ES5的语法,要实现异步代码,只有一个方法:回调。如果异步嵌套层次过多,代码写起来就非常难看,比如读取一个文件成功后再读取一个文件:

app.get('/file', function (req, res) {
    fs.readFile('/file1', function (err, data) {
        if (err) { res.status(500).send('读取文件1失败'); }
        fs.readFile('/file2', function (err, data) {
            if (err) {  res.status(500).send('读取文件2失败'); }
            res.type('text/plain');
            res.send(data);
        });
    });
});

虽然可以用async这样的库来组织异步代码,但是用回调写异步实在是太痛苦了,特别是异步嵌套多的时候,这就是JS远古时期的 回调地狱!

koa 1.x的到来

随着ES6在新版Node.js获得支持ES6,express的团队基于ES6的generator推出了koa这个 web 框架。和express相比,koa 1.0使用generator实现异步,比如实现上面同样的功能,代码如下:

var koa = require('koa');
var app = koa();

app.use('/file', function *() {
    yield readFile1();
    var data = yield readFile2();
    this.body = data;
});
app.listen(8888);

可以看到,用generator实现异步比回调简单了不少,但是generator的本意并不是异步。Promise才是为异步设计的,但是Promise的写法很复杂。为了简化异步代码,ES7引入了新的关键字async和await,可以轻松地把一个function变为异步模式:

async function () {
    var data = await fs.read('/file1');
}

最新的koa 2.x的到来

koa团队并没有止步于koa 1.0,他们非常超前地基于ES7开发了koa2,和koa 1相比,koa2完全使用Promise并配合async来实现异步。

app.use(async (ctx, next) => {
    await next();
    var data = await readFile();
    ctx.response.type = 'text/plain';
    ctx.response.body = data;
});

通过以上分享,大家可以看到,我们项目使用koa2,是按照node->express->koa1-<koa2 一步步随着新的JS规范通过并获得支持的发展而来的,出现的主要原因就是为了在node开发中优雅的写异步代码。

express, koa1和koa2的区别

koa vs express

  • 相同点

    • 构建 web 应用的 node 框架
    • 总体来看语法差别不大,比如都是引入后框架后实例后,中间件处理以及监听端口;
    • 都是同一个团队开发维护的
  • 区别

    • express: 框架内容更丰富,有更大的社区,历史更悠久,文档更丰富,用户群更大,支持 jade 等前端模板语言,express没有统一的错误处理,而koa有默认的错误处理方式。
    • koa: 更小、更富有表现力、更健壮,Koa 支持 es6 语法,Koa 在内核方法中不绑定任何中间件,不提供路由功能和某些工具,摒弃了的回调,采用 generator 或 promise的方式,在 Context中,Koa 对 request 和 response 进行了封装,使用方式也相应改变,如返回简单内容,在koa: this.body = ‘hello world’,而在express: res.send(‘hello world’)。

koa1 vs koa2

  • 中间件的使用: koa1依赖 co 并采用 generator 函数,在函数内使用 yield 语句,而koa2增加了箭头函数,移除了 co 依赖,使用 Promise,因此可以结合 async,await 使用;
  • context 对象的获取:koa1为this 对象,this.req, this.res;koa2: cxt 参数,cxt.req, cxt.res。

了解了koa的背景知识后,下一节我们将简单分析其源码啦!

推荐阅读更多精彩内容

  • 前言 跟好朋友打赌,我要来个技术文章日更。于是,我跑到到群里喊了句,我要日更。没想到,得到的是大家的支持与鼓励。感...
    白昔月阅读 24,244评论 28 109
  • 前言 Koa 是运行在 Node.js 中的 web 服务框架,小而美。 Koa2 是 Koa 框架的最新版本,K...
    let_Scott阅读 5,061评论 2 26
  • 第四期进阶班打卡已经进行5天了,没想到这期打卡的内容进行了迭代更新,这一期的打卡内容是我参加语言美学以来体验最好的...
    微笑你好阅读 64评论 0 0
  • 花开了,在一个美丽的晨曦中, 草绿了,在一个昏暗的夜晚里。 花说‘‘你看我多么娇艳!’’ 草笑而不答。 蜜蜂来了,...
    夏茗墨阅读 234评论 1 1
  • 什么是动词,什么是形容词,什么是名词?怎样记住原始词,怎么以一个实例来记住变形以及变形后的词义 音译法 拼音法 字...
    初中生习惯养成专家阅读 245评论 0 0