摘要：是一個(gè)類(lèi)似于的開(kāi)發(fā)框架，創(chuàng)始人也都是。的主要特點(diǎn)是，使用了的函數(shù)，進(jìn)行了架構(gòu)的重新設(shè)計(jì)。這段程序的作用是監(jiān)聽(tīng)端口，當(dāng)收到請(qǐng)求的時(shí)候，答復(fù)你應(yīng)該注意到了，我沒(méi)有只用關(guān)鍵詞。這個(gè)星號(hào)表示這個(gè)函數(shù)是一個(gè)生成器函數(shù)。

Koa 是一個(gè)類(lèi)似于 Express 的Web開(kāi)發(fā)框架，創(chuàng)始人也都是TJ。Koa 的主要特點(diǎn)是，使用了 ES6 的 Generator 函數(shù)，進(jìn)行了架構(gòu)的重新設(shè)計(jì)。Koa 的原理和內(nèi)部結(jié)構(gòu)很像 Express，但是語(yǔ)法和內(nèi)部結(jié)構(gòu)進(jìn)行了升級(jí)。

npm install --save koa

  let koa = require("koa");
  let app = koa();
  app.use(function*(){
      this.body = "hello xiaomo";
    });
  app.listen(8080);

如此這般我們就創(chuàng)建了一個(gè)簡(jiǎn)單的http服務(wù)器。這段程序的作用是監(jiān)聽(tīng) 8080 端口，當(dāng)收到 GET 請(qǐng)求的時(shí)候，答復(fù) hello xiaomo
你應(yīng)該注意到了，我沒(méi)有只用 var 關(guān)鍵詞。我使用了 let 代替。在 ES6 中這基本上就是新的 var。這改變了變量的作用域，但是我不想在這里多說(shuō)。

另一件事情有些奇怪，就是我們使用關(guān)鍵詞 function*。這個(gè)星號(hào)表示這個(gè)函數(shù)是一個(gè)生成器函數(shù)。這意味著這個(gè)函數(shù)可以在運(yùn)行的時(shí)候跳出然后再跳回來(lái)。這個(gè)概念很難去表述，所以我給你舉個(gè)栗子。

  function* inc () {
   let number = 0
   while (true)
   yield number++
  }

  let test = inc()

  console.log(test.next().value) // -> 0
  console.log(test.next().value) // -> 1
  console.log(test.next().value) // -> 2

我分解一下這個(gè)程序：

inc 函數(shù)定義了一個(gè)生成器函數(shù)，在每一次 while 循環(huán)中，產(chǎn)出 number 變量然后 number 變量加 1
inc 函數(shù)被指派給了變量 test
inc 函數(shù)被迭代了 3 次，第一次的時(shí)候，number 變量在函數(shù)中被初始化了。然后，這個(gè)函數(shù)進(jìn)入到了一個(gè) while 循環(huán)，在之后的迭代中這個(gè)循環(huán)也不會(huì)退出。然后 number 0 被產(chǎn)出，所以這個(gè)可以用 .value 方法接收。在后來(lái)的迭代中這個(gè)變量 number 自增了兩次。
我希望這可以幫助理解一點(diǎn)生成器的工作原理。這只是非常復(fù)雜的 ES6 中的一小部分。

但是無(wú)論如何，讓我們回到 koa。koa 非常簡(jiǎn)單，甚至不包含一個(gè)路由。你需要在中間件生成器函數(shù)中手動(dòng)做路由匹配：

  let koa = require("koa")

  let app = koa()

  // normal route
  app.use(function* (next) {
  if (this.path !== "/") {
  return yield next
  }

  this.body = "hello world"
  });

  // /404 route
  app.use(function* (next) {
  if (this.path !== "/404") {
  return yield next;
  }

  this.body = "page not found"
  });

  // /500 route
  app.use(function* (next) {
  if (this.path !== "/500") {
  return yield next;
  }

  this.body = "internal server error"
  });

  app.listen(8080)

你可以看到，我們只要用 if 就可以做路由匹配了。你是不是很疑惑在這個(gè)上下文中的 this 是什么，express 中的 req 和 res 去哪里了。其實(shí) this 綁定了大部分的 req 和 res 的函數(shù)和屬性。如果你想知道更多關(guān)于 this 的詳情，請(qǐng)點(diǎn)這里。

讓我們寫(xiě)一個(gè)將請(qǐng)求中的內(nèi)容大寫(xiě)的中間件：

  let koa = require("koa")

  let app = koa()

  app.use(upcaser())

  function upcaser () {
  return function* (next) {
  yield next
  this.body = this.body.toUpperCase()
  }
  }

  app.listen(8080)

https://github.com/qq83387856