JavaScript错误处理try..catch…finally+涵盖throw+TypeError+RangeError

JavaScript错误处理在应用开发中是一个非常重要而且必不可少的技能。try..catch..finally是JavaScript中处理错误的常用方式，而throw、TypeError和RangeError是常见的JavaScript错误类型。以下是完整的攻略：

JavaScript错误处理try..catch..finally

try..catch..finally是JavaScript中处理错误的常用方式，它的语法如下：

try {
  // 可能会抛出错误的代码
} catch(error) {
  // 当捕获到错误时，将执行这里的代码
  console.log(error);
} finally {
  // 无论代码是否抛出错误，finally代码块始终执行
}

在try代码块中，我们尝试运行有可能会抛出异常的代码。当异常被抛出时，JavaScript将停止执行try块中的代码，并传递错误到相应的catch块。在catch块中，我们可以通过error参数来接收抛出的错误。最后，无论try块中的代码是否抛出异常，finally块的代码总是会被执行。

如果不加错误处理，当JavaScript运行到一个错误，整个应用将会停止。但是通过使用try..catch..finally，我们可以让应用继续运行，并采取相应的措施来处理错误。

涵盖throw

除了自行处理代码中可能发生的异常，我们还可以使用throw抛出自定义的异常。例如：

function divide(x, y) {
  if(y === 0) {
    throw "Divide by zero error";
  } else {
    return x / y;
  }
}

try {
  var result = divide(10, 0);
  console.log(result);
} catch(error) {
  console.log(error);
}

上面的代码中，我们定义了一个divide函数，如果除数为0，通过throw抛出了一个自定义的异常。在try..catch代码块中，我们将代码放到了try块中，当函数抛出异常时，我们会捕获到它并在控制台输出错误信息。

TypeError和RangeError

接下来，我将介绍两个常见的JavaScript错误类型TypeError和RangeError，并且用代码示例说明如何使用try..catch..finally来捕获和处理这些错误。

TypeError

TypeError通常意味着你正在尝试使用一个不支持的类型，或者对象的某个属性或方法不存在。例如：

try {
  var a = "hello";
  a.push("world"); // TypeError: a.push is not a function
} catch(error) {
  console.log(error);
}

上面的代码中，我们尝试使用一个字符串类型的变量a调用push方法。但是字符串类型是不支持push方法的，所以抛出TypeError异常。我们在catch块中捕获到了这个异常，并在控制台中输出了错误信息。

RangeError

RangeError通常意味着你正在尝试使用一个超出允许范围的数值。例如：

try {
  var a = new Array(10^9);
} catch(error) {
  console.log(error);
}

上面的代码中，我们尝试创建一个包含10亿个元素的数组。但是JavaScript的最大有效数组长度是2的32次方减一，超出了这个范围就会抛出RangeError异常。我们在catch块中捕获到了这个异常，并在控制台中输出了错误信息。

总结：

通过使用try..catch..finally，我们可以在代码发生错误时上报错误并采取相应的措施。throw抛出自定义的异常可以让我们更加灵活地处理错误。TypeError和RangeError是常见的JavaScript错误类型，我们可以使用try..catch..finally捕获并处理它们。