美文网首页
4.1 koa的由来

4.1 koa的由来

作者: 空无一码 | 来源:发表于2019-01-03 21:17 被阅读12次

    本节我们将简单介绍一下 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的背景知识后,下一节我们将简单分析其源码啦!

    相关文章

      网友评论

          本文标题:4.1 koa的由来

          本文链接:https://www.haomeiwen.com/subject/tryxrqtx.html