当前位置: 首页 > news >正文

JavaScript错误;调试;“=”,“==”,“===”的区别

try...catch语句

try..catch语句是JavaScript中用来处理异常的一种方式。它允许我们在代码块中尝试执行可能会引发错误的代码,并在发生错误时捕获并处理异常。

下面是try..catch语句的基本语法:

try {// 可能会引发错误的代码
} catch (error) {// 处理错误的代码
}

在try块中,我们可以编写可能会引发错误的代码。如果在执行该代码时发生了错误,JavaScript会立即跳转到catch块,并将错误对象作为参数传递给catch块中的error变量。我们可以利用这个error变量来处理错误。

下面是一个例子,说明了try..catch语句的用法:

function divide(a, b) {try {if (b === 0) {throw new Error("除数不能为0");} else {return a / b;}} catch (error) {console.log("发生错误:" + error.message);}
}console.log(divide(10, 2)); // 输出: 5
console.log(divide(10, 0)); // 输出: 发生错误:除数不能为0

在上面的例子中,我们定义了一个divide函数,用于执行除法运算。在try块中,我们检查除数是否为0。如果除数为0,则抛出一个新的Error对象,并在catch块中捕获并处理这个错误。在catch块中,我们使用console.log输出了错误的信息。

在第一个console.log中,我们调用了divide函数,传递了两个非零参数。因此除法运算可以正常执行,结果为5。而在第二个console.log中,我们调用了divide函数,传递了一个0作为除数,这会引发一个错误。try..catch语句会捕获这个错误,并输出该错误的信息。

总的来说,try..catch语句是JavaScript中处理异常的一种重要方式,它可以帮助我们捕获和处理可能会发生的错误,从而使我们的代码更加健壮和可靠。


finally语句是JavaScript中try..catch语句的可选部分,用于在try块中的代码执行完毕后,无论是否发生异常,都会执行一些特定的代码。

下面是try..catch..finally语句的基本语法:

try {// 可能会引发错误的代码
} catch (error) {// 处理错误的代码
} finally {// 在成功执行或发生异常后都会执行的代码
}

在try块中,我们编写可能会引发错误的代码。如果在执行该代码时发生了错误,JavaScript会立即跳转到catch块,并将错误对象作为参数传递给catch块中的error变量。我们可以利用这个error变量来处理错误。

无论try块中的代码是否执行成功,finally块中的代码都会被执行。即使没有发生异常,也会执行finally块中的代码。

下面是一个例子,说明了try..catch..finally语句的用法:

function divide(a, b) {try {if (b === 0) {throw new Error("除数不能为0");} else {return a / b;}} catch (error) {console.log("发生错误:" + error.message);} finally {console.log("执行finally块中的代码");}
}console.log(divide(10, 2)); // 输出: 5  执行finally块中的代码
console.log(divide(10, 0)); // 输出: 发生错误:除数不能为0  执行finally块中的代码

在上面的例子中,我们定义了一个divide函数,用于执行除法运算。在try块中,我们检查除数是否为0。如果除数为0,则抛出一个新的Error对象,并在catch块中捕获并处理这个错误。在catch块中,我们使用console.log输出了错误的信息。

无论try块中的代码是否执行成功,finally块中的代码都会被执行。在上面的例子中,我们可以看到在每次调用divide函数后,无论是否发生异常,"执行finally块中的代码"都会被打印出来。

总的来说,finally语句可以用来执行一些无论是否发生异常都需要执行的清理操作,例如释放资源或恢复一些状态。它可以确保我们的代码在发生异常时仍然能够继续执行必要的操作。


=,==,===使用误区

在 JavaScript 中,有三种比较运算符:=====,和 =。它们的作用是比较两个值之间的关系,但是它们有一些使用误区。

  1. ==(相等性比较):它比较两个值是否相等,并且会进行类型转换。这就是 == 的问题所在,它可能会导致一些隐式的类型转换,从而产生一些意想不到的结果。例如:
console.log(1 == "1"); // 输出: true
console.log(true == 1); // 输出: true
console.log(null == undefined); // 输出: true

在上面的例子中,== 比较了不同类型的值,但是仍然返回了 true。这是因为 JavaScript 在比较两个不同类型的值时会进行类型转换,使它们具有相同的类型,然后再进行比较。

  1. ===(严格相等性比较):与 == 不同,=== 进行严格的比较,不会进行类型转换。它要求两个值不仅值相等,而且类型也要相等。例如:
console.log(1 === "1"); // 输出: false
console.log(true === 1); // 输出: false
console.log(null === undefined); // 输出: false

上面的例子中,由于类型不同,=== 返回了 false===在比较时要求两个操作数的类型和值都完全相同。

  1. =(赋值操作符):它用于给一个变量赋值。这与比较运算符 ===== 完全不同。例如:
let x = 5;

上面的代码将 5 赋值给变量 x

使用时需注意:

  • 推荐使用 === 进行严格相等性比较,因为它避免了类型转换的问题,更符合预期。
  • 如果需要进行类型转换,可以使用 ==,但是需要小心处理隐式的类型转换,以免产生意想不到的结果。
  • 切勿混淆 =(赋值操作符)和 =====(比较运算符),它们的作用完全不同。

总的来说,理解和正确使用这三种运算符是编写高质量 JavaScript 代码的关键。


相关文章:

JavaScript错误;调试;“=”,“==”,“===”的区别

try...catch语句 try..catch语句是JavaScript中用来处理异常的一种方式。它允许我们在代码块中尝试执行可能会引发错误的代码,并在发生错误时捕获并处理异常。 下面是try..catch语句的基本语法: try {// 可能会引发错误的代码 } catch (error) {// 处理…...

thinkphp6的请求

由于笔者是刚入门thinkphp,所以学习时对照thinkphp的官网,各位读者也可以对照官网学习。还麻烦各位笔者一键三连,谢谢。 1.请求对象 当前的请求对象由think\Request类负责,该类不需要单独实例化调用,通常使用依赖注入…...

ant design vue 表格错位,表头错位

ant design vue 表格错位,表头错位 在官网中,我们可以看到下面图片的描述: 好的,我们按照官网来一波,前面都设置了固定宽度,娃哈哈就不设置了.会出现下面效果 为啥会多了一个竖线(因为按照官网来一波x:1300,这个1300太小的原因) 3.那我们把1300改成1600,1700试试,结果也不是…...

【小白向】微信小程序解密反编译教程

# 前言 最近笔者有做到微信小程序的渗透测试,其中有一个环节就是对微信小程序的反编译进行源码分析,所谓微信小程序反编译,就是将访问的小程序进行反向编译拿到部分源码,然后对源码进行安全审计,分析出其中可能存在的…...

Flutter基础 -- Dart 语言 -- 类抽象接口继承函数库

目录 1. 类 class 1.1 定义、使用类 1.2 构造函数 1.3 初始化列表 1.4 命名构造函数 1.5 重定向构造函数 1.6 callable 2. 类 get set 2.1 定义、使用 get set 2.2 简化 get set 2.3 业务场景 3. 静态 static 3.1 static 定义 3.2 函数内部访问 3.3 静态方法 3…...

【TB作品】msp430单片机,播放蜂鸣器音乐,天空之城

功能 msp430单片机,连接一个无源蜂鸣器,播放蜂鸣器音乐,天空之城。 适用于所有msp430单片机。 硬件 无源蜂鸣器,接单片机P1.5,使用vcc3.3v供电。 如果根据简谱修改音乐? //第一步 //首先修改music0 的变量&…...

C语言(数据存储)

Hi~!这里是奋斗的小羊,很荣幸各位能阅读我的文章,诚请评论指点,欢迎欢迎~~ 💥个人主页:小羊在奋斗 💥所属专栏:C语言 本系列文章为个人学习笔记,在这里撰写成文一…...

Linux shell编程学习笔记56:date命令——显示或设置系统时间与日期

0 前言 2024年的网络安全检查又开始了,对于使用基于Linux的国产电脑,我们可以编写一个脚本来收集系统的有关信息。在收集的信息中,应该有一条是搜索信息的时间。 1. date命令 的功能、格式和选项说明 我们可以使用命令 date --help 来查看 d…...

Realsense的一些事情

Realsense的一些事情 librealsense的安装 官网教程: apt 安装教程: https://github.com/IntelRealSense/librealsense/blob/master/doc/distribution_linux.md自行clone并编译教程: https://github.com/IntelRealSense/librealsense/blo…...

CISCN 2023 初赛 被加密的生产流量

题目附件给了 modbus.pcap 存在多个协议 但是这道题多半是 考 modbus 会发现 每次的 Query 末尾的两个字符 存在规律 猜测是base家族 可以尝试提取流量中的数据 其中Word Count字段中的22871 是10进制转16进制在转ascii字符串 先提取 过滤器判断字段 tshark -r modbus.pcap …...

初识C语言第三十天——设计三子棋游戏

目录 一.设计游戏框架 1.打印游戏菜单 2.输入选择判断(玩游戏/游戏结束/输入错误重新输入) 二、玩游戏过程设计 1.设计棋格存放棋子——二维数组 2.初始化棋盘——初始化为空格 3.打印棋盘——本质上就是打印数组 4.游戏过程——1.玩家走棋 2.…...

ehcache3多级缓存应用

项目中如果有使用大量的本地缓存场景,可以使用redisehcache组合缓存,优先使用ehcache本地缓存,本地缓存没有查询到再使用redis缓存 可看前文中如何集成 本地缓存使用存在的问题 1、本地缓存如何保证缓存的是最新值 可定义版本号、自增id或者…...

C# WinForm —— 24 Threading.Timer 组件介绍与使用

1. 简介 System.Threading.Timer 多线程 轻量级 精度高 提供以指定的时间间隔对线程池线程执行方法的机制 和System.Timers.Timer 类似,每隔一段时间触发事件,执行操作(不是由UI线程执行的),即使事件中执行了比较耗时的操作,也…...

03-07Java自动化之JAVA基础之循环

JAVA基础之循环 一、for循环 1.1for循环的含义 for(初始化语句;条件判断;条件控制或–){ ​ //代码语句 } 1、首先执行初始话语句,给变量一个起始的值 2、条件判断进行判断,为true,执行循环体中的代码语句 ​ …...

【人工智能Ⅱ】实验8:生成对抗网络

实验8:生成对抗网络 一:实验目的 1:理解生成对抗网络的基本原理。 2:学会构建改进的生成对抗网络,如DCGAN、WGAN、WGAN-GP等。 3:学习在更为真实的数据集上应用生成对抗网络的方法。 二:实验…...

vmware将物理机|虚拟机转化为vmware虚机

有时,我们需要从不同的云平台迁移虚拟机、上下云、或者需要将不再受支持的老旧的物理服务器转化为虚拟机,这时,我们可以用一款虚拟机转化工具:vmware vcenter converter standalone,我用的是6.6的版本,当然…...

redis 高可用及哨兵模式 @by_TWJ

目录 1. 高可用2. redis 哨兵模式3. 图文的方式让我们读懂这几个算法3.1. Raft算法 - 图文3.2. Paxos算法 - 图文3.3. 区别: 1. 高可用 在 Redis 中,实现 高可用 的技术主要包括 持久化、复制、哨兵 和 集群,下面简单说明它们的作用&#xf…...

封装tab栏,tab切换可刷新页面

dom结构 <template><div class"container"><!-- tab栏 --><div class"border-b"><tabs:tabsList"tabsList":selectTabsIndex"selectTabsIndex"tabsEven"tabsEven"></tabs></div>…...

JavaScript第八讲:日期,Math,自定义对象

目录 前言 日期 1. 创建日期对象 2. 年/月/日 3. 时:分:秒:毫秒 4. 一周的第几天 5. 经历的毫秒数 6. 修改日期和时间 Math 1. 自然对数和圆周率 2. 绝对值 3. 最小最大 4. 求幂 5. 四舍五入 6. 随机数 自定义对象 1. 通过 new Object 创建对象 2. 通过 funct…...

php质量工具系列之phploc

phploc是一个快速测量PHP项目大小的工具 结果支持raw csv xml json格式&#xff0c;可输出文件或者打印到控制台 安装 PHAR方式 wget https://phar.phpunit.de/phploc.pharphp phploc.phar -vComposer方式(推荐) composer global require --dev phploc/phplocphploc -v使用 …...

vscode里如何用git

打开vs终端执行如下&#xff1a; 1 初始化 Git 仓库&#xff08;如果尚未初始化&#xff09; git init 2 添加文件到 Git 仓库 git add . 3 使用 git commit 命令来提交你的更改。确保在提交时加上一个有用的消息。 git commit -m "备注信息" 4 …...

在鸿蒙HarmonyOS 5中实现抖音风格的点赞功能

下面我将详细介绍如何使用HarmonyOS SDK在HarmonyOS 5中实现类似抖音的点赞功能&#xff0c;包括动画效果、数据同步和交互优化。 1. 基础点赞功能实现 1.1 创建数据模型 // VideoModel.ets export class VideoModel {id: string "";title: string ""…...

为什么需要建设工程项目管理?工程项目管理有哪些亮点功能?

在建筑行业&#xff0c;项目管理的重要性不言而喻。随着工程规模的扩大、技术复杂度的提升&#xff0c;传统的管理模式已经难以满足现代工程的需求。过去&#xff0c;许多企业依赖手工记录、口头沟通和分散的信息管理&#xff0c;导致效率低下、成本失控、风险频发。例如&#…...

大模型多显卡多服务器并行计算方法与实践指南

一、分布式训练概述 大规模语言模型的训练通常需要分布式计算技术,以解决单机资源不足的问题。分布式训练主要分为两种模式: 数据并行:将数据分片到不同设备,每个设备拥有完整的模型副本 模型并行:将模型分割到不同设备,每个设备处理部分模型计算 现代大模型训练通常结合…...

Caliper 配置文件解析:config.yaml

Caliper 是一个区块链性能基准测试工具,用于评估不同区块链平台的性能。下面我将详细解释你提供的 fisco-bcos.json 文件结构,并说明它与 config.yaml 文件的关系。 fisco-bcos.json 文件解析 这个文件是针对 FISCO-BCOS 区块链网络的 Caliper 配置文件,主要包含以下几个部…...

【网络安全】开源系统getshell漏洞挖掘

审计过程&#xff1a; 在入口文件admin/index.php中&#xff1a; 用户可以通过m,c,a等参数控制加载的文件和方法&#xff0c;在app/system/entrance.php中存在重点代码&#xff1a; 当M_TYPE system并且M_MODULE include时&#xff0c;会设置常量PATH_OWN_FILE为PATH_APP.M_T…...

DBLP数据库是什么?

DBLP&#xff08;Digital Bibliography & Library Project&#xff09;Computer Science Bibliography是全球著名的计算机科学出版物的开放书目数据库。DBLP所收录的期刊和会议论文质量较高&#xff0c;数据库文献更新速度很快&#xff0c;很好地反映了国际计算机科学学术研…...

数据结构:递归的种类(Types of Recursion)

目录 尾递归&#xff08;Tail Recursion&#xff09; 什么是 Loop&#xff08;循环&#xff09;&#xff1f; 复杂度分析 头递归&#xff08;Head Recursion&#xff09; 树形递归&#xff08;Tree Recursion&#xff09; 线性递归&#xff08;Linear Recursion&#xff09;…...

前端高频面试题2:浏览器/计算机网络

本专栏相关链接 前端高频面试题1&#xff1a;HTML/CSS 前端高频面试题2&#xff1a;浏览器/计算机网络 前端高频面试题3&#xff1a;JavaScript 1.什么是强缓存、协商缓存&#xff1f; 强缓存&#xff1a; 当浏览器请求资源时&#xff0c;首先检查本地缓存是否命中。如果命…...

门静脉高压——表现

一、门静脉高压表现 00:01 1. 门静脉构成 00:13 组成结构&#xff1a;由肠系膜上静脉和脾静脉汇合构成&#xff0c;是肝脏血液供应的主要来源。淤血后果&#xff1a;门静脉淤血会同时导致脾静脉和肠系膜上静脉淤血&#xff0c;引发后续系列症状。 2. 脾大和脾功能亢进 00:46 …...