带有参数的javascript抽象回调

Question

我试图寻找答案，但我得到的大多数点击都是针对无参数或固定参数的。

我想做的是在一个带有未知数量的参数和参数类型的javascript函数中实现一个可选的回调。

我正在实施一个 javascript 层以使用 AWS 临时凭证来操作 S3 上的文件。一些函数调用上传文件（接收数组），一些删除文件（也是数组），一些重命名存储桶对象（有两个参数，旧键和新键）等。

问题是，当使用临时凭据时，凭据可能会超时。因此，在完成任何呼叫之前，我必须检查凭据是否需要更新。如果他们这样做，我必须先进行异步调用以获取凭据。只有在检索到凭据后，它才应该开始执行它被要求执行的任何操作。

这就是那些“承诺”的全部内容吗？我还没有使用过这些东西，现在正在阅读它们，但不知道如何实现一个（还）。

基本上，在我的代码中，我需要一个用于任何给定 aws 函数的包装器：

function onDelete(key) {
    if(AWS.config.credentials.needsRefresh()) {
        refreshToken(); // makes an asynchronous call with jquery
        // need to do actual delete  when ajax finished: delete(key)
    } else {
        // do actual delete immediately: delete(key)
    }
}
function onRename(oldkey,newkey) {
    if(AWS.config.credentials.needsRefresh()) {
        refreshToken(); // makes an asynchronous call with jquery
        // need to do actual rename when ajax finished: rename(oldkey, newkey)
    } else {
        // do actual rename immediately: rename(oldkey, newkey)
    }
}

或者类似的东西。任何帮助表示赞赏。

Answer 1

使用 spread 和 async / await，您可以构建类似的东西：

  const withCredentials = task => async (...args) => {
        if(AWS.config.credentials.needsRefresh())
          await refreshToken();
       return task(...args);
  } 

用作：

 const onRename = withCredentials(async (oldKey, newKey) => {
   //...
 });

onRename("some", "values")

Answer 2

您可以为此使用承诺或回调：

基于回调：

function refreshToken(callback) {
  $.ajax({
    success: callback,
    //....
  });
}

function deleteKey(key, callback) {
  // do something asynchronous here, then call callback
  callback({some: 'value'});
}

function onDelete(key, callback) {
    if(AWS.config.credentials.needsRefresh()) {
        refreshToken(() => {
           deleteKey(key, callback);
        });
    } else {
        deleteKey(key, callback);
    }
}


// then you would use it like this:
onDelete("some-key", result => {
  console.log(result); // will be {some: 'value'}
});

如果可以使用 promises & async / await 这会更好：

async function refreshToken() {
  return $.ajax({/* ... */});
}

async function deleteKey(key) {
  // delete the key
}

async function onDelete(key) {
    if(AWS.config.credentials.needsRefresh())
        await refreshToken();
    return deleteKey(key);
}


// then you would use it like this:
onDelete("some-key").then(result => {
  console.log(result); // will be {some: 'value'}
});
// or within an async function:
let result = await onDelete("some-key");

为了使代码更易读/更好，您可以使用HOF（高阶函数）：

async function refreshToken() {
  return $.ajax({/* ... */});
}

// higher order function
function withTokenRefresh(fn) {
  return async (...args) => {
    if(AWS.config.credentials.needsRefresh())
      await refreshToken();
    return fn(...args);
  };
}

const onDelete = withTokenRefresh(async key => {
  // todo: delete it
});

const onRename = withTokenRefresh(async (oldkey, newkey) => {
  // todo: rename it
});

如果你使用的是像 babel 这样的编译器，你也可以使用decorators（使用 HOF 的一种更好的方式）：

async function refreshToken() {
  return $.ajax({/* ... */});
}

// decorator
function WithTokenRefresh(fn) {
  return async (...args) => {
    if(AWS.config.credentials.needsRefresh())
      await refreshToken();
    return fn(...args);
  };
}

@WithTokenRefresh
async function onDelete(key) {
  // todo: delete it
}

@WithTokenRefresh
async function onRename(oldkey, newkey) {
  // todo: rename it
}