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

7.JS里表达式,if条件判断,三元运算符,switch语句,断点调试

news 2026/5/18 12:50:30

表达式和语句的区别

表达式就是可以被求值的代码比如什么a = 1
语句就是一段可以执行的代码比如什么if else
直接给B站的黑马程序员的老师引流一波总结的真好
在这里插入图片描述

分支语句

在这里插入图片描述

就是基本上所有的语言都会有的if else 语句就是满足不同的条件执行不同的代码，让计算机有条件判断的能力。
注意在if的括号里面除了数字0之外所有的数字直接写的话都是true下面直接看代码把

<!DOCTYPE html>
<html>
<head><title>条件判断示例</title>
</head>
<body><script>let age = Number(prompt("请输入您的年龄："))if (age > 18) {alert('你成年了')} else if (age === 18) {  // 注意是===alert('你刚刚满18岁')} else {alert('你没有成年')}// if 后面的括号里除了空字符串和数字0之外其他都是trueif (0){console.log('0是true')} else {console.log('0不是true')}if (''){console.log('空字符串是true')} else {console.log('空字符串不是true')}</script>
</body>
</html>

运行结果
这里还会看见弹窗让输入年龄
在这里插入图片描述

三元运算符

一些简单的条件判断使用三元运算符可以增加代码的可读性，但是复杂的条件判断一定要杜绝使用三元运算符！！！！一般在开发过程中都是为了取值的，反我是这样
上代码：

<!DOCTYPE html>
<html>
<head><title>条件判断示例</title>
</head>
<body><script>console.log(1>5 ? '1大于5' : '1小于5')let num = 10 > 5 ? 10 : 5  // 开发过程中一般都是用于取值console.log(num)</script>
</body>
</html>

结果

在这里插入图片描述

switch语句

主要用于各种分支判断，主要用于 那种等值判断其实开发过程中不推荐使用switch语句

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8" /><title>switch 语句示例</title>
</head>
<body><script>let userInput = prompt("请输入一个数字");if (userInput !== null) {userInput = parseInt(userInput);switch (userInput) {case 1:alert("您输入的数字是 1");break;case 2:alert("您输入的数字是 2");break;case 3:alert("您输入的数字是 3");break;default:alert("您输入的数字不在范围内");}} else {alert("您取消了输入");}</script>
</body>
</html>

在这个示例中，页面加载后会弹出一个 prompt 输入框，用户可以在输入框中输入数字。根据用户输入的数字，使用 switch 语句进行判断，并弹出不同的提示框信息。如果用户点击了 prompt 的取消按钮，则会提示用户取消了输入。

断点调试

断点调试是开发过程中非常重要的一个环节
首先写一个小案例

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8" /><title>断点调试</title>
</head>
<body><script>let num = 10num = num + 1console.log(num)</script>
</body>
</html>

然后打开页面的开发者工具点击源代码，在想要打断点的地方点击一下然后注意一定要刷新网页
在这里插入图片描述

在这里插入图片描述

这个断点就打成功了，然后在断点的时候你把鼠标放在变量上会显示这个变量当前的值，对于循环的值的追踪非常好，看一个bug啥的也非常的方便

相关文章：

7.JS里表达式,if条件判断,三元运算符,switch语句,断点调试

表达式和语句的区别 表达式就是可以被求值的代码比如什么a 1 语句就是一段可以执行的代码比如什么if else 直接给B站的黑马程序员的老师引流一波总结的真好 分支语句 就是基本上所有的语言都会有的if else 语句就是满足不同的条件执行不同的代码&#xff0c;让计算机有条件…...

编程日记 2024/2/17 8:44:14

RK3568平台开发系列讲解（存储篇）文件句柄与文件描述符介绍

🚀返回专栏总目录 文章目录 一、什么是文件句柄二、什么是文件描述符2.1、files_struct 结构体2.2、fdtable 结构体三、数据结构关系图沉淀、分享、成长，让自己和他人都能有所收获！😄 一、什么是文件句柄 用户空间的进程通过open系统调用打开一个文件之后，内核返回的就是…...

编程日记 2024/2/17 8:40:09

【Ｃ++】类和对象(五)友元、内部类、匿名对象

前言&#xff1a;前面我们说到类和对象是一个十分漫长的荆棘地&#xff0c;今天我们将走到终点&#xff0c;也就是说我们对于&#xff23;算是正式的入门了。 &#x1f496; 博主CSDN主页:卫卫卫的个人主页 &#x1f49e; &#x1f449; 专栏分类:高质量&#xff23;学习 &…...

编程日记 2024/2/17 8:38:07

攻防世界 CTF Web方向 引导模式-难度1 —— 1-10题 wp精讲

目录 view_source robots backup cookie disabled_button get_post weak_auth simple_php Training-WWW-Robots view_source 题目描述: X老师让小宁同学查看一个网页的源代码&#xff0c;但小宁同学发现鼠标右键好像不管用了。 不能按右键&#xff0c;按F12 robots …...

编程日记 2024/2/17 8:37:07

Docker之MongoDB安装、创建用户及登录认证

Docker之MongoDB安装、创建用户及登录认证 文章目录 Docker之MongoDB安装、创建用户及登录认证1. 拉取镜像2. 创建宿主机容器数据卷3. 运行mongodb容器1. 运行容器2. 创建用户3. 创建数据库并设置密码 1. 拉取镜像 docker pull mongo:4.2.212. 创建宿主机容器数据卷 运行docke…...

编程日记 2024/2/17 8:35:05

紫微斗数双星组合：天机天梁在辰戌

文章目录 前言内容总结 前言 紫微斗数双星组合&#xff1a;天机天梁在辰戌 内容 紫微斗数双星组合&#xff1a;天机天梁在辰戌 性格分析 在紫微斗数命盘中&#xff0c;天梁星是一颗“荫星”&#xff0c;能够遇难呈祥&#xff0c;化解凶危&#xff0c;主寿&#xff0c;主贵。…...

编程日记 2024/2/17 8:34:02

N-144基于微信小程序在线订餐系统

开发工具&#xff1a;IDEA、微信小程序 服务器&#xff1a;Tomcat9.0&#xff0c; jdk1.8 项目构建&#xff1a;maven 数据库&#xff1a;mysql5.7 前端技术&#xff1a;vue、ElementUI、 Vant Weapp 服务端技术&#xff1a;springbootmybatisredis 本系统分微信小程序和…...

编程日记 2024/2/17 8:27:56

[UI5 常用控件] 09.IconTabBar，IconTabHeader，TabContainer

文章目录 前言1. IconTabBar1.1 简介1.2 基本结构1.3 用法1.3.1 颜色&#xff0c;拖放&#xff0c;溢出1.3.2 Icons Only , Inner Contents1.3.3 showAll,Count,key,IconTabSeparator 1.3.4 Only Text1.3.5 headerMode-Inline1.3.6 design,IconTabSeparator-icon1.3.7 DensityM…...

编程日记 2024/2/17 8:26:55

CCF编程能力等级认证GESP—C++5级—20231209

CCF编程能力等级认证GESP—C5级—20231209 单选题&#xff08;每题 2 分&#xff0c;共 30 分&#xff09;判断题&#xff08;每题 2 分&#xff0c;共 20 分&#xff09;编程题 (每题 25 分&#xff0c;共 50 分)小杨的幸运数烹饪问题 答案及解析单选题判断题编程题1编程题2 单…...

编程日记 2024/2/17 8:25:53

【论文精读】GPT2

摘要 在单一领域数据集上训练单一任务的模型是当前系统普遍缺乏泛化能力的主要原因&#xff0c;要想使用当前的架构构建出稳健的系统&#xff0c;可能需要多任务学习。但多任务需要多数据集&#xff0c;而继续扩大数据集和目标设计的规模是个难以处理的问题&#xff0c;所以只能…...

编程日记 2024/2/17 8:24:52

10-k8s中pod的探针

一、探针的概念 一般时候&#xff0c;探针的设置&#xff0c;都是为了优化业务时&#xff0c;需要做的事情&#xff1b;属于后期工作&#xff1b; 1&#xff0c;探针的分类 1&#xff0c;健康状态检查探针&#xff1a;livenessProbe 当我们设置了这个探针之后&#xff0c;检查…...

编程日记 2024/2/17 8:20:48

【Langchain Agent研究】SalesGPT项目介绍（二）

【Langchain Agent研究】SalesGPT项目介绍&#xff08;一&#xff09;-CSDN博客 上节课&#xff0c;我们介绍了SalesGPT他的业务流程和技术架构&#xff0c;这节课&#xff0c;我们来关注一下他的项目整体结构、poetry工具和一些工程项目相关的设计。 项目整体结构介绍 我们把…...

编程日记 2024/2/17 8:16:45

《UE5_C++多人TPS完整教程》学习笔记4 ——《P5 局域网连接（LAN Connection）》

本文为B站系列教学视频 《UE5_C多人TPS完整教程》 —— 《P5 局域网连接&#xff08;LAN Connection&#xff09;》 的学习笔记&#xff0c;该系列教学视频为 Udemy 课程 《Unreal Engine 5 C Multiplayer Shooter》 的中文字幕翻译版&#xff0c;UP主&#xff08;也是译者&…...

编程日记 2024/2/17 8:14:42

【运维测试】移动测试自动化知识总结第1篇：移动端测试介绍（md文档已分享）

本系列文章md笔记&#xff08;已分享&#xff09;主要讨论移动测试相关知识。主要知识点包括&#xff1a;移动测试分类及android环境搭建&#xff0c;adb常用命令&#xff0c;appium环境搭建及使用&#xff0c;pytest框架学习&#xff0c;PO模式&#xff0c;数据驱动&#xff0…...

编程日记 2024/2/17 8:11:39

高校疫情防控系统的全栈开发实战

✍✍计算机编程指导师 ⭐⭐个人介绍&#xff1a;自己非常喜欢研究技术问题&#xff01;专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目&#xff1a;有源码或者技术上的问题欢迎在评论区一起讨论交流&#xff01; ⚡⚡ Java实战 |…...

编程日记 2024/2/17 8:08:35

OpenTitan- 开源安全芯片横空出世

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…...

编程日记 2024/2/17 8:07:34

简单的edge浏览器插件开发记录

今天在浏览某些网页的时候&#xff0c;我想要屏蔽掉某些信息或者修改网页中的文本的颜色、背景等等。于是在浏览器的控制台中直接输入JavaScript操作dom完成了我想要的功能。但是每次在网页之间跳转该功能都会消失&#xff0c;我需要反复复制粘贴js脚本&#xff0c;无法实现自动…...

编程日记 2024/2/17 8:06:33

WSL下如何使用Ubuntu本地部署Vits2.3-Extra-v2:中文特化修复版（新手从0开始部署教程）

环境&#xff1a; 硬&#xff1a; 台式电脑 1.cpu:I5 11代以上 2.内存16G以上 3.硬盘固态500G以上 4.显卡N卡8G显存以上 20系2070以上 本案例英伟达4070 12G 5.网络可连github 软&#xff1a; Win10 专业版 19045以上 WSL2 -Ubuntu22.04 1.bert-Vits2.3 Extra-v2:…...

编程日记 2024/2/17 7:58:25

Go语言的100个错误使用场景（40-47）｜字符串函数方法

前言 大家好&#xff0c;这里是白泽。 《Go语言的100个错误以及如何避免》 是最近朋友推荐我阅读的书籍&#xff0c;我初步浏览之后&#xff0c;大为惊喜。就像这书中第一章的标题说到的&#xff1a;“Go: Simple to learn but hard to master”&#xff0c;整本书通过分析100…...

编程日记 2024/2/17 7:52:18

Fluke ADPT 连接器新增对福禄克万用 Fluke 15B Max 的支持

所需设备&#xff1a; 1、Fluke ADPT连接器&#xff1b; 2、Fluke 15B Max&#xff1b; Fluke 15B Max拆机图&#xff1a; 显示界面如下图&#xff1a; 并且可以将波形导出到EXCEL: 福禄克万用表需要自己动手改造&#xff01;&#xff01;&#xff01;...

编程日记 2024/2/17 7:51:14

求职自动化工具箱：用爬虫与状态机构建高效求职管理系统

1. 项目概述&#xff1a;一个求职者的工具箱如果你正在找工作&#xff0c;或者未来某天需要找工作&#xff0c;你大概率会和我有一样的感受&#xff1a;整个过程繁琐、重复&#xff0c;且充满不确定性。从海投简历到追踪进度&#xff0c;从准备面试到复盘总结&#xff0c;每个环…...

编程新知 2026/5/18 11:54:02

【电力系统】阶梯碳下考虑 P2G-CCS 与供需灵活响应的 IES 优化调度附Matlab代码

✅作者简介&#xff1a;热爱科研的Matlab仿真开发者&#xff0c;擅长毕业设计辅导、数学建模、数据处理、程序设计科研仿真。&#x1f34e;完整代码获取 定制创新 论文复现点击&#xff1a;Matlab科研工作室&#x1f447; 关注我领取海量matlab电子书和数学建模资料 &#x1f3…...

编程新知 2026/5/18 11:52:01

保姆级教程：用Python+NumPy复现经典Laplacian曲面编辑算法（附源码）

从理论到代码&#xff1a;Python实现Laplacian曲面编辑的完整指南 在三维图形处理领域&#xff0c;Laplacian曲面编辑技术因其出色的细节保持能力而备受推崇。这项技术允许开发者对三维模型进行直观的变形操作&#xff0c;同时保持模型表面的几何细节不被破坏。本文将带您从零开…...

编程新知 2026/5/17 9:08:25

如何用Sunshine打造个人游戏云：终极自托管游戏串流解决方案

如何用Sunshine打造个人游戏云&#xff1a;终极自托管游戏串流解决方案 【免费下载链接】Sunshine Self-hosted game stream host for Moonlight. 项目地址: https://gitcode.com/GitHub_Trending/su/Sunshine 你是否曾经梦想在任何设备上畅玩PC游戏&#xff1f;无论是想…...

编程新知 2026/5/18 12:13:58

构建个人代码仓库：提升开发效率的实践指南

1. 项目概述&#xff1a;一个面向21世纪开发者的代码仓库最近在GitHub上看到一个挺有意思的项目&#xff0c;叫“21st-dev/1code”。光看这个名字&#xff0c;你可能觉得有点抽象&#xff0c;但点进去之后&#xff0c;我发现它其实是一个挺有想法的代码仓库。这个项目没有复杂的…...

编程新知 2026/5/17 6:59:26

从零打造会“看”的电子眼：Teensy与OLED的嵌入式图形与传感器实践

1. 项目概述&#xff1a;打造一个会“看”的电子生命体几年前&#xff0c;我第一次在创客社区看到“Uncanny Eyes”项目时就被深深吸引了。一个微小的OLED屏幕&#xff0c;在代码驱动下&#xff0c;竟然能呈现出如此逼真、灵动的眼球运动&#xff0c;那种介于生命与机械之间的诡…...

编程新知 2026/5/17 6:22:06

构建通用Docker工具镜像：从设计到实践的全流程指南

1. 项目概述&#xff1a;一个“反重力”的Docker镜像&#xff1f;看到这个镜像名runzhliu/docker-antigravity&#xff0c;很多人的第一反应可能是好奇和疑惑。在Docker Hub上&#xff0c;以“antigravity”&#xff08;反重力&#xff09;命名的镜像并不常见&#xff0c;它不像…...

编程新知 2026/5/17 6:16:57

Nixtla时间序列预测库实战：从统计模型到深度学习的一站式解决方案

1. 项目概述&#xff1a;时间序列预测的“瑞士军刀”如果你正在处理销售预测、服务器负载监控或者任何与时间相关的数据预测问题&#xff0c;并且厌倦了在复杂的模型库和繁琐的预处理步骤之间反复横跳&#xff0c;那么 Nixtla 这个开源项目很可能就是你一直在找的“瑞士军刀”。…...

编程新知 2026/5/17 5:31:40

从安迪·沃霍尔到AI画布：波普艺术三大视觉基因拆解，手把手复刻金罐头/玛丽莲肖像风格（含可复用prompt模板库）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;从安迪沃霍尔到AI画布&#xff1a;波普艺术的范式迁移 安迪沃霍尔用丝网印刷将可口可乐瓶与玛丽莲梦露转化为大众文化的图腾&#xff0c;其核心并非复制&#xff0c;而是对**重复、去个性化与媒介即内容…...

编程新知 2026/5/18 9:08:26

Carapace：统一跨Shell命令行补全的Go语言引擎

1. 项目概述&#xff1a;一个为Shell而生的全能补全引擎 如果你和我一样&#xff0c;每天有超过一半的工作时间是在终端里度过的&#xff0c;那你一定对命令行补全这件事又爱又恨。爱的是&#xff0c;一个恰到好处的补全能让你行云流水&#xff0c;效率倍增&#xff1b;恨的是…...

编程新知 2026/5/17 3:43:41