零开销异步/等待

百变鹏仔 3个月前 (10-14) #JavaScript

文章标签开销

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

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

回调将具有以下形式：

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

新的

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 &amp;&amp; typeof error === 'object' &amp;&amp; error.code === 'enoent') {      throw new error('not found');    }    throw error;  }}

代码相当于现有的javascript：

function getfiledata(filename, callback) {  const oncatch = (error) =&gt; {    if (!!error &amp;&amp; typeof error === 'object' &amp;&amp; error.code === 'enoent') {      callback(new error('not found'));    } else {      callback(error);    }  };  try {    fs.readfile('myfile.txt', 'utf-8', (err, data) =&gt; {      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 &amp;&amp; typeof error === 'object' &amp;&amp; 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>) =&gt; void;</string>

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

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

也许可以叫回调：

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

文章推荐

零开销异步/等待

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？