醉临武-临武县第一中学官网

Will it finally: 关于 try/catch 细节

随着async /await的出现,我最近发现自己在我的代码中使用了更多try /catch/finally。但老实说,我终于用“finally”做了一点练习。当我去实际使用它时,我有点不确定它的细节。所以我把几个例子放在一起。

#当你 throw 一个 catch

考虑你在一个catch块跑出一个异常。在退出函数之前没有什么可以捕获你的throw。那“ finally”会运行吗??

To find out, just uncomment the example() call at the bottom of the editor!

index.js

function example() {  try {
    fail()
  }  catch (e) {    console.log("Will finally run?")    throw e
  }  finally {    console.log("FINALLY RUNS!")
  }  console.log("This shouldn't be called eh?")
}// example()

控制台结果

    at example (index.js:15:0)
    at e.execute (https://frontarm.com/8058525ee5952d818c1c0e294c9d4365.js:1:29826)
    at handleUnrequiredPrepared (https://frontarm.com/8058525ee5952d818c1c0e294c9d4365.js:1:26656)

finally运行,即使并没有打印最后一个日志语句!

你可以看到finally有点特别;它允许你在抛出错误和离开函数之间运行,即使抛出catch块。

#尝试没有捕获

您是否知道如果您提供finally块,您也不需要提供catch块?你可能做到了,但值得一提!

接下来的问题是:即使在try块中没有出错,finally块也会被调用吗?如果您不确定,请取消注释编辑器底部的example()以查找。

index.js

function example() {  try {    console.log("Hakuna matata")
  }  finally {    console.log("What a wonderful phrase!")
  }
}// example()

控制台结果

[log] Hakuna matata
[log] What a wonderful phrase!

是的,即使没有出错也会调用finally。当然,当does出错时,它也会被调用。

这就是finally背后的想法 - 它可以让你处理这两种情况,正如你在这个例子中看到的那样:

index.js

function example() {  try {    console.log("I shall try and fail");
fail();
}  catch (e) {    console.log("Then be caught");
}  finally {    console.log("And finally something?");
}
}// example()

控制台结果

[log] I shall try and fail
[log]Then be caught
[log] And finally something?

#Return and finally

所以最后让你在异常发生时自己清理。但是什么时候什么都不会出错,你只是从函数中“返回”正常...在try块中?

看看下面的例子。example()中的finally块是否可以运行after你已经命中了return语句?取消注释编辑器底部的example()以找出答案!

index.js

function example() {  try {    console.log("I'm picking up my ball and going home.")    return
  }  finally {    console.log('Finally?')
  }
}// example()

控制台结果

[log] I'm picking up my ball and going home.
[log]Finally?

#规则

try /catch /finally上的finally块都将运行 - 即使你提前catch或'return`。

这就是它如此有用的原因;无论发生什么情况,它都是放置不管结果如何,都将要运行都代码的理想场所,比如容易出错的IO的清理代码。事实上,这就是本文的灵感来源。

#我用finally来...

Frontend Armory是一个静态呈现的网站;它是使用名为[Navi](https://frontarm.com/navi/)的工具构建的,它允许您配置将用于呈现每个页面的`renderPageToString()`函数。

为了确保每次调用renderPageToString()都独立于前一个,Navi使用try /catch/finally和一些模糊的node-fu来卸载渲染过程中加载的所有模块。

您可以在GitHub上查看Navi静态渲染器的[完整源代码](https://github.com/frontarm/navi/tree/master/packages/navi-scripts/lib)

let oldCacheKeys = new Set(Object.keys(require.cache))try {
  html = await renderPageToString(options)
}catch (e) {  throw e
}finally {
  process.env.NODE_ENV = nodeEnv  for (let key of Object.keys(require.cache)) {    if (!oldCacheKeys.has(key)) {      delete require.cache[key]
    }
  }
}

从上面的例子可以看出,try /catch /finally也适用于JavaScript的新async /await语法。所以,如果这提醒你需要刷新async /await,那么现在是时候了解我的[掌握异步