（Javascript）Promisificcatiion

• “Promisification” 指将一个接受回调的函数转换为一个返回 promise 的函数。
• 因为使用promise更加方便，所以将基于回调的函数和库 promisify 是有意义的

//callback回调函数需要传入失败信息和成功信息
//由callback函数来对成功信息和失败信息进行处理
function loadScript(src, callback) {
  let script = document.createElement('script');
  script.src = src;

  script.onload = () => callback(null, script);
  script.onerror = () => callback(new Error(`Script load error for ${src}`));

  document.head.append(script);
}

// 用法：
// loadScript('path/script.js', (err, script) => {...})

---

• 将 loadScript promisify

1. 第一种方法

let loadScriptPromise = function(src) {
  return new Promise((resolve, reject) => {
    //将成功信息和失败信息用resolve和reject包装之后
    //作为Promise对象返回
    loadScript(src, (err, script) => {
      if (err) reject(err);
      else resolve(script);
    });
  });
};

// 用法：
// loadScriptPromise('path/script.js').then(...)

2. 第二种方法

function promisify(f) {
  return function (...args) { // 返回一个包装函数，...args在这里是要加载的数据（例如'path/script.js'）
    return new Promise((resolve, reject) => {
      function callback(err, result) { // 我们对 f 的自定义的回调 (**)
        if (err) {
          reject(err);
        } else {
          resolve(result);
        }
      }
      
      //loadScript(src, callback) 
      args.push(callback); // 将我们的自定义的回调附加到 f 参数（arguments）的末尾

      f.call(this, ...args); // 调用原始的函数
    });
  };
}

// 用法：
let loadScriptPromise = promisify(loadScript);
loadScriptPromise(...).then(...);

• 如果原始的 f 期望一个带有更多参数的回调 callback(err, res1, res2, …)

// promisify(f, true) 来获取结果数组
function promisify(f, manyArgs = false) {
  return function (...args) {
    return new Promise((resolve, reject) => {
      function callback(err, ...results) { // 我们自定义的 f 的回调
        if (err) {
          reject(err);
        } else {
          // 如果 manyArgs 被指定，则使用所有回调的结果 resolve
          resolve(manyArgs ? results : results[0]);
        }
      }

      args.push(callback);

      f.call(this, ...args);
    });
  };
}

// 用法：
f = promisify(f, true);
f(...).then(arrayOfResults => ..., err => ...);