前端 经验总结

问题集锦

async函数和 Generator 函数的区别，体现在以下四点。

async函数

直接写函数名执行就可以了

async 函数是什么？一句话，它就是 Generator 函数的语法糖

Generator 函数
const fs = require('fs');
	const readFile = function (fileName) {
	  return new Promise(function (resolve, reject) {
	    fs.readFile(fileName, function(error, data) {
	      if (error) return reject(error);
	      resolve(data);
	    });
	  });
	};

const gen = function* () {
  const f1 = yield readFile('/etc/fstab');
  const f2 = yield readFile('/etc/shells');
  console.log(f1.toString());
  console.log(f2.toString());
};
var g = gen();
g.next()
g.next()

需要用到.next（）执行

async函数 不需要

const asyncReadFile = async function () {
  const f1 = await readFile('/etc/fstab');
  const f2 = await readFile('/etc/shells');
  console.log(f1.toString());
  console.log(f2.toString());
};
asyncReadFile ()

（2）更好的语义。

async和await，比起星号和yield，语义更清楚了。async表示函数里有异步操作，await表示紧跟在后面的表达式需要等待结果。

（3）更广的适用性。

co模块约定，yield命令后面只能是 Thunk 函数或 Promise 对象，而async函数的await命令后面，可以是 Promise 对象和原始类型的值（数值、字符串和布尔值，但这时会自动转成立即 resolved 的 Promise 对象）。

（4）返回值是 Promise。

async函数的返回值是 Promise 对象，这比 Generator 函数的返回值是 Iterator 对象方便多了。你可以用then方法指定下一步的操作。

进一步说，async函数完全可以看作多个异步操作，包装成的一个 Promise 对象，而await命令就是内部then命令的语法糖。