Javascript 嵌套异常处理

Question

我尝试了几个关于使用嵌套 try..catch 在 javascript 中进行异常处理的示例。内部 try block 中的代码抛出错误，但不是内部 catch block 处理代码，异常是由外部 catch block 捕获的。我没看懂那部分

这是我在 MDN 文档上阅读的，但它与我尝试的示例不符:

“任何给定的异常只会被最近的封闭捕获 block 捕获一次 除非它被重新抛出。当然，“内部” block 中引发的任何新异常(因为 catch block 中的代码可能会做一些抛出的事情)，将被“外部” block 捕获。

function a() {
    try {
        d()
        function d() {
            try {
                let user = "hello"
                let user = {name: 'bruce'}
            } catch (err) {
               console.log(err, "inside the function err")
            }
        }
    } catch (err) {
         console.log(err, "Error caught")
    }
}

a()

错误:

SyntaxError: Identifier 'user' has already been declared, 'Error caught'

考虑到上面的语句错误应该在内部 catch block 中捕获，那么为什么它会在外部 catch block 中捕获 我预计错误应该在“内部捕获 block ”(即 err，“在函数 err 内部”)内被捕获，但它被“外部” block 捕获(即，err，“Error Caught”)。

Answer 1

在您的代码段中，当您声明 let user 时，let 允许您声明仅限于 block 语句或使用它的表达式的范围的变量，这与 var 关键字不同，无论 block 作用域如何，它都为整个函数全局或局部定义了一个变量。

当你保持相同的变量名时，程序编译时会被认为是一个错误，而 try catch 会在 run-time 检测到错误。因此，您的程序没有得到完全编译，并且由于 duplicate variable name 而在编译时给出错误。

希望你明白了。

而是尝试下面的代码。

function a() {
    try {
        d()
        function d(user) {
           try {
               JSON.parse(user);
               } catch (err) {
                 console.log(err, "inside the function err")
                 }
                }
    } catch (err) {
        console.log(err, "Error caught")
    }
}

a()

它将为您提供预期的输出。