如何在其他try塊中的try塊中訪問變量？

Question

http://blog.grossman.io/how-to-write-async-await-without-try-catch-blocks-in-javascript/在這個鏈接中，有一些代碼可以在try catch中訪問變量，但是當我在服務器中嘗試這個時，它不起作用，因爲它超出了範圍。我怎樣才能做到這一點？

try { 
    const foo = "bar" 
} catch (e) { 
    console.log(e) 
} 

try { 
    console.log(foo) -> is not defined 
} catch (e) { 
    console.log(e) 
} 

Answer 1

該帖子的作者明確地犯了一個錯誤 - 它發生在我們所有人身上。

因此，const聲明是塊作用域，像docs說：

常量是塊範圍的，就像使用let語句定義的變量。常量的值不能通過重新賦值而改變，並且不能重新聲明。

這就是爲什麼你不能訪問它的try-catch塊外。

爲了解決這個問題：

• 要麼使用var，而不是常量的：

  try { 
      // When declared via `var`, the variable will 
      // be declared outside of the block 
      var foo = "bar" 
  } catch (e) { 
      console.log(e) 
  } 
  
  try { 
      console.log(foo) 
  } catch (e) { 
      console.log(e) 
  } 
  

• 或者你可以聲明變量try-catch之外，使用let：

  // Maybe it's clearer to declare it with let and 
  // assign the value in the first try-catch 
  let foo; 
  try { 
      foo = "bar" 
  } catch (e) { 
      console.log(e) 
  } 
  
  try { 
      console.log(foo) 
  } catch (e) { 
      console.log(e) 
  }