如何使用js Promise消除金字塔的厄运

debugcn 发表于 Dev

Zalaboza

我试图了解如何使用js Promise api折射具有大量嵌套IF的代码。

从本地存储获取JSON对象时的示例

function $storage(key,default) {
  let json = localStorage.getItem(key);

  if(json === null) return default;

  try{  // <-- need try catch in case value was not valid json object
    json = JSON.parse(json); 
  } catch (e) {
    json = default;
  }
  return typeof json === 'object' ? json : default;
}

该代码的可读性不是很好。所以我想可能是我可以利用js Promise将其重写为

function $storage (key, default) {
 let ret;

 let promise = new Promise( (y,n) => y(localStorage) )
 .then( ls => JSON.parse(ls.getItem(key)) )
 .then( json => typeof json === 'object' ? json : HOW_TO_THROW_ERROR() )
 //on more validation step if needed
 .then( json => typeof json === 'object' ? json : HOW_TO_THROW_ERROR() )
 .then( valid_json => { return = valid_json } )
 .catch( error => { ret = default; console.warn('json invalid',e); } );

 return ret;

}

现在我想知道如何在内部抛出异常，以便catch可以捕获它并执行default？

这是JS的有效用法吗？我会浪费性能吗

费德里科

您可以使用Promise.reject()抛出错误：

function $storage (key, default) {
 let ret;

 let promise = new Promise( (y,n) => y(localStorage) )
 .then( ls => JSON.parse(ls.getItem(key)) )
 .then( json => typeof json === 'object' ? json : Promise.reject("invalid json") )
 .then( valid_json => { return = valid_json } )
 .catch( err => { ret = default; console.warn(err.message); } );

 return ret;

}

尽管我发现以下内容更容易理解和习惯。

function $storage(key,default) {
  let json = localStorage.getItem(key);
  if(json === null ||  typeof json !== 'object') json = default;

  try{  
    json = JSON.parse(json); 
  } catch (e) {
    json = default;
  } finally {
  return json
  }
}

如您所知，Promise用于异步计算。任何其他用途都可能使其他程序员感到困惑。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。