71、JavaScript Node koa

koa是Express的下一代基于Node.js的web框架,目前有1.x和2.0两个版本。

 

koa历史

 

1. Express

Express是第一代最流行的web框架,它对Node.js的http进行了封装,用起来如下:

  1. var express = require('express');
  2. var app = express();
  3. app.get('/', function (req, res) {
  4. res.send('Hello World!');
  5. });
  6. app.listen(3000, function () {
  7. console.log('Example app listening on port 3000!');
  8. });

 

虽然Express的API很简单,但是它是基于ES5的语法,要实现异步代码,只有一个方法:回调。如果异步嵌套层次过多,代码写起来就非常难看:

  1. app.get('/test', function (req, res) {
  2. fs.readFile('/file1', function (err, data) {
  3. if (err) {
  4. res.status(500).send('read file1 error');
  5. }
  6. fs.readFile('/file2', function (err, data) {
  7. if (err) {
  8. res.status(500).send('read file2 error');
  9. }
  10. res.type('text/plain');
  11. res.send(data);
  12. });
  13. });
  14. });

 

虽然可以用async这样的库来组织异步代码,但是用回调写异步实在是太痛苦了!

 

2. koa 1.0

随着新版Node.js开始支持ES6,Express的团队又基于ES6的generator重新编写了下一代web框架koa。和Express相比,koa 1.0使用generator实现异步,代码看起来像同步的:

  1. var koa = require('koa');
  2. var app = koa();
  3. app.use('/test', function *() {
  4. yield doReadFile1();
  5. var data = yield doReadFile2();
  6. this.body = data;
  7. });
  8. app.listen(3000);

 

generator实现异步比回调简单了不少,但是generator的本意并不是异步。Promise才是为异步设计的,但是Promise的写法……想想就复杂。为了简化异步代码,ES7(目前是草案,还没有发布)引入了新的关键字asyncawait,可以轻松地把一个function变为异步模式:

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

 

这是JavaScript未来标准的异步代码,非常简洁,并且易于使用。

 

3. koa2

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

koa2的代码看上去像这样:

  1. app.use(async (ctx, next) => {
  2. await next();
  3. var data = await doReadFile();
  4. ctx.response.type = 'text/plain';
  5. ctx.response.body = data;
  6. });

 

出于兼容性考虑,目前koa 2仍支持generator的写法,但下一个版本将会去掉。

koa2

选择哪个koa版本?

目前JavaScript处于高速进化中,ES7是大势所趋。为了紧跟时代潮流,教程将使用最新的koa 2开发!

付杰
  • ¥ 59.0元
  • 市场价:99.0元
  • ¥ 49.0元
  • 市场价:199.0元
  • ¥ 159.0元
  • 市场价:499.0元
  • ¥ 1999.9元
  • 市场价:20000元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: