零开销异步/等待-js教程-PHP中文网

零开销异步/等待

PHPz

发布： 2024-08-19 08:00:38

转载

953人浏览过

零开销异步/等待

node.js 中的回调明显快于 promise。如何在受益于 promise 和 async/await 语法的同时获得回调的性能？

javascript 可以引入 callbackawaitexpression，其语法看起来非常像现有的 awaitexpression，但它会在回调而不是承诺之上运行。#?? #

回调将具有以下形式：

type callback<v, e = unknown> =
  | (error: e) => void;
  | (error: void, value: v) => void;

登录后复制

新的

callbackawaitexpression 将有一个额外的 identifier callback 类型参数，在语法上位于 wait 关键字和正在等待的表达式之间，例如，请注意cb标识符:

await cb fs.readfile('myfile.txt', 'utf-8', cb);

登录后复制

同样，异步函数语法也将扩展为允许

asynccallbackfunction类型。同样，语法将允许单个回调标识符：

async cb function(args, cb) {
  // ...
}

登录后复制

将所有这些放在一起，这将允许编写异步/等待语法驱动的代码，同时受益于回调的性能。它允许编写这样的代码：

async _ function getfiledata(filename, _) {
  try {
    const data = await _ fs.readfile('myfile.txt', 'utf-8', _);
    return 'mydata: ' + data;
  } catch (error) {
    if (!!error && typeof error === 'object' && error.code === 'enoent') {
      throw new error('not found');
    }
    throw error;
  }
}

登录后复制

代码相当于现有的javascript：

function getfiledata(filename, callback) {
  const oncatch = (error) => {
    if (!!error && typeof error === 'object' && error.code === 'enoent') {
      callback(new error('not found'));
    } else {
      callback(error);
    }
  };
  try {
    fs.readfile('myfile.txt', 'utf-8', (err, data) => {
      if (err) {
        oncatch(err);
      } else {
        try {
          callback(null, 'mydata: ' + data);
        } catch (error) {
          oncatch(error);
        }
      }
    });
  } catch (error) {
    oncatch(error);
  }
}

登录后复制

以下是使用现有 async/await 语法的上述代码的样子。该代码几乎等同于

async/await 回调 提案，但由于 promise 的使用，性能较差。

async function getfiledataasync(filename) {
    try {
    const data = await promisify(fs.readfile)('myfile.txt', 'utf-8');
    return 'mydata: ' + data;
  } catch (error) {
    if (!!error && typeof error === 'object' && error.code === 'enoent') {
      throw new error('not found');
    }
    throw error;
  }
}

登录后复制

或者，同等地，古老的 promisify 实用程序可以将我们的回调驱动函数转换为这个 promise 驱动函数：

const getfiledataasync = promisify(getfiledata);

登录后复制

糖语法

等待时可以显式指定回调标识符并显式将其用作参数：

await mycallback fs.readfile('a.txt', mycallback)

登录后复制

如果没有使用await标识符mycallback，它会自动插入到函数调用中作为最后一个参数：

await _ fs.readfile('a.txt')

登录后复制

定义异步回调函数时，上面的文字建议显式指定回调标识符，如下所示：

async mycallback function getdata(filename, mycallback) {}

登录后复制

相反，只需使用一次 async 关键字代替某些参数即可减少：

function getdata(filename, async) {}

登录后复制

上述语法修改将示例 getfiledata 函数简化为以下内容：

function getfiledata(filename, async) {
  try {
    const data = await _ fs.readfile('myfile.txt', 'utf-8');
    return 'mydata: ' + data;
  } catch (error) {
    // ...
  }
}

登录后复制

与 typescript 一起使用

从typescript的角度来看，要定义一个新的异步回调函数，只需使用callbacktype即可：

type getfiledata = (filename: string, callback: callback<string>) => void;

登录后复制

或者，可以引入异步类型简写，以使其更明确：

type getfiledata = (filename: string, async<string>) => void;

登录后复制

也许可以叫回调：

type GetFileData = (filename: string, callback<string>) => void;

登录后复制

以上就是零开销异步/等待的详细内容，更多请关注php中文网其它相关文章！