javascript中 try catch用法

关于“JavaScript中try catch用法”的完整攻略,我为您总结如下:

什么是try catch

try catch 是一个 JavaScript 异常处理机制,通过 try 语句块可以捕获代码中的异常,并在 catch 语句块中对异常进行处理,保证代码的正常执行。

try catch 语句格式

try {
    // 可能会抛出错误的代码
} catch (e) {
    // 处理错误的代码
} finally {
    // 最终会执行的代码
}

其中,try 块中写可执行的代码,如果代码出现异常就会跳转到 catch 块中执行错误处理代码。finally 块中的代码总是会被执行,无论异常是否发生,一般用于埋点记录或者释放资源的操作。

catch 的括号里的参数是异常对象,可以手动定义。

try catch 实例说明

示例 1

下面是一个简单的示例,当我们在执行 arr 列表的第 5 项的时候,会因为 arr[4] 不存在而抛出异常。我们可以用 try catch 来处理这个异常,让程序继续正常运行。

const arr = ['a', 'b', 'c', 'd'];
try {
    console.log(arr[4]);
} catch (e) {
    console.log('发生了异常:', e);
} finally {
    console.log('程序继续执行');
}

上述代码中,因为 arr 列表的第 5 项不存在,所以会抛出一个异常,我们通过 try catch 来处理异常,执行了 catch 中的代码块,最后执行了 finally 的代码块,控制台输出如下:

发生了异常: TypeError: Cannot read property '4' of undefined
程序继续执行

示例 2

下面的示例演示了如何自定义一个异常,当我们输入的密码长度小于 8 位时,会抛出一个自定义的异常,我们则可以通过 try catch 来处理这个异常。

function checkPassword(password) {
    if (password.length < 8) {
        throw "密码长度不能小于8位";
    } else {
        console.log("密码输入正确");
    }
}

try {
    checkPassword('123456');
} catch (e) {
    console.log('发生了异常:', e);
} finally {
    console.log('程序继续执行');
}

上述代码中,因为输入的密码长度小于 8 位,所以会抛出自定义异常,我们通过 try catch 来处理异常,执行了 catch 中的代码块,最后执行了 finally 的代码块,控制台输出如下:

发生了异常: 密码长度不能小于8位
程序继续执行

以上就是关于 JavaScript 中 try catch 用法的完整攻略,希望可以帮助您理解和运用这个异常处理机制。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中 try catch用法 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • 原生JS实现逼真的图片3D旋转效果详解

    下面我将详细讲解“原生JS实现逼真的图片3D旋转效果”的完整攻略。 前言 图片3D旋转效果是一种常见的网页设计效果,可以使页面看起来更加生动、有趣,并且能够吸引用户的注意力。本文将通过一个完整的案例来教您如何使用原生JS实现逼真的图片3D旋转效果。 准备工作 在开始之前,我们需要先准备好一些必要的工具和素材:1. 一张需要进行3D旋转效果的图片2. HTML…

    JavaScript 2023年6月10日
    00
  • Javascript控制input输入时间格式的方法

    下面是“Javascript控制input输入时间格式的方法”的完整攻略: 问题背景 在前端开发中,我们经常需要对用户输入的时间进行格式化或验证。而在页面中使用input元素接收用户输入的时间,需要对用户的输入进行限制或格式化。因此,我们需要一种方法来控制input的时间格式。本文将介绍如何使用JavaScript对input输入时间格式进行控制。 方案一:…

    JavaScript 2023年5月27日
    00
  • 浅谈JavaScript函数的四种存在形态

    下面是关于JavaScript函数四种存在形态的攻略。 一、函数声明形式 函数声明是最常用的JavaScript函数形式,有如下示例: function add(a, b) { return a + b; } 在此形式下,函数关键字 function 接受一个函数名,而后面的圆括号内则包含了所有参数。在这里,add 函数负责接受两个参数 a 和 b 并返回它…

    JavaScript 2023年5月27日
    00
  • js中判断Object、Array、Function等引用类型对象是否相等

    JavaScript 中判断对象是否相等比较复杂,因为对象具有引用类型的特性,即两个变量即使引用同一个对象,它们也不一定相等。 以下是一些常见的判断方法和示例: 1. 使用 Object.is() 方法 Object.is() 方法可以判断两个对象是否相等,与 === 操作符相似。它的返回值为一个布尔值。 以下是示例代码: const obj1 = { a:…

    JavaScript 2023年6月11日
    00
  • textContent在Firefox下与innerText等效的属性

    首先,需要解释一下 textContent 和 innerText 之间的区别。textContent 会将元素中的所有文本内容包括标签都作为一个字符串返回,而 innerText 只能获得元素中可视的文本内容,同时将元素中的标签和换行符剔除掉。在大多数情况下,textContent 更加常用,因为它能够对元素中所有的文本内容进行精确的处理。 但在 Fire…

    JavaScript 2023年6月11日
    00
  • Asp.Net中避免重复提交和弹出提示框的实例代码

    在ASP.NET中避免重复提交和弹出提示框是开发Web应用程序时很重要的一部分。下面是一个实例代码,用于防止重复提交表单,并弹出异常提示框。 避免表单重复提交 在ASP.NET中,为了防止表单重复提交,我们可以使用以下两种方式: 1. 禁用页面上提交按钮 在单击按钮时,将其设置为禁用状态。在以前无法恢复之前,可以使其显示Progress GIF图像,以便用户…

    JavaScript 2023年6月11日
    00
  • JavaScript中清空数组的三种方法分享

    下面是详细讲解“JavaScript中清空数组的三种方法分享”的完整攻略。 JavaScript中清空数组的三种方法分享 在JavaScript中,我们经常需要清空一个数组,以便重新填充数据。本文将介绍三种方法来清空一个数组。 方法一:重置数组变量 该方法是最简单的一种方法。只需要将数组变量重新赋值为空数组即可清空该数组。 let arr = [1, 2, …

    JavaScript 2023年5月27日
    00
  • 浅谈Javascript中Object与Function对象

    JavaScript中的所有数据都是对象,包括Object对象和Function对象。但是Object与Function对象不同,Object对象主要用于存储数据,而Function对象主要用于封装一些代码,实现逻辑的封装与复用。 Object对象 在JavaScript中,Object对象是所有对象的基类,其它对象都继承了Object对象。Object对象…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部