网站首页 > 技术文章 正文
好程序员Web前端培训分享程序的三大结构
程序的三大结构：
1.顺序结构
2.选择结构
3.循环结构
if(){}判断语句
if(true){
//执行该语句
}
if(false){
//跳过该语句
}
if(ture){ //当if括号中结果为true时执行语句1，否则执行语句2
//语句1
}else{
//语句2
}
if()括号中的东西我们通常叫它逻辑点。
一个奇葩问题
if(//在这个括号里会发生各种各样奇奇怪怪的事情)
if(1){
alert('看我弹出来给你看')
}
感觉怪怪的：
1.if括号里填什么来着？？？
2.1是true么？
为什么会发生这样的事情那？在一些特定情况下，计算机会进行隐式类型转换。他和强制类型转换（Number）不一样，他不需要你做些什么，会自动对数据类型进行转换。
在 运算中，和if（括号中），会发生隐式类型转换。
1.运算中的隐式类型转换：
var a='1' ,b=2;
a+b=???
+运算符有两种含义，第一层含义是数学中的+运算，第二层含义是字符串拼接，优先运算字符串拼接，所以在检测到加好左右两边存在字符串的时候，会将运算符左右两边的数字都转换成字符串再进行运算。
a-b=？？？
除了+运算符具有两层含义以外，- * /只有数学意义，所以当进行- * /运算的时候默认会将运算符两侧的数据类型隐式转换为数字类型，再进行运算。
2.if(括号中的)隐式类型转换。
我们都知道，if括号中只需要布尔类型值。那么在if判断中，所有的数据类型都会被隐式转换为布尔类型。
if(非零数字都被转换成ture、非空字符串都转换成true)，存在两条基础规则，其余规则在今后学习中慢慢发掘。
alert(1==true);//true
switch()；
switch(语句){
case 0:alert(1);
break;
case 2:alert(2);
case 3:alert(3);
default:alert(10)
}
案例：成绩判定。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
</body>
<script>
var achievement = 30; //成绩;
var passNum = 60; //及格分数线;
if (achievement >= passNum) {
alert('成绩合格')
} else {
alert('成绩不合格')
}
</script>
</html>
案例：显示星期几。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
//假设每个月的第一天是星期一，写一个程序算出当月日期是星期几;
var day=33;//几号
if(day>=31||day<=0){
alert('星期八')
}else{
var nDsay=day%7;
switch(nDsay){
case 1:alert('星期一');
break;
case 2:alert('星期二');
break;
case 3:alert('星期三');
break;
case 4:alert('星期四');
break;
case 5:alert('星期五');
break;
case 6:alert('周六了好好嗨皮一下吧');
break;
case 0:alert('周末了好好嗨皮一下吧');
break;
default:alert('不可能弹出来');
}
}
</script>
</head>
<body>
</body>
</html>
注意switch的应用场景（有多个确定值需要判断的时候）；
注意case穿透，要加break语句（如果程序没有发现break语句，那么解析器会继续向下解析）;
猜你喜欢
- 2025-07-08 腾讯T8-2手写《前端面试与进阶指南》精简版，将知识点一网打尽!
- 2025-07-08 前端零代码丨UIOTOS批量生成可复用页:效率提升6倍!
- 2025-07-08 10W+TPS高并发场景【我的浏览记录】系统设计
- 2025-07-08 前端大佬都在用的usePagination究竟有多强?
- 2024-10-12 凭这份前端面试宝典，我拿到了字节、腾讯、阿里等六家大厂offer
- 2024-10-12 好程序员web前端分享History API技能详解
- 2024-10-12 新一代前端发展的困境与破局 前端发展路径
- 2024-10-12 好程序员web前端培训分享HTMLCSS学习笔记HTML5基础
- 2024-10-12 Rust 的风，终究还是吹到了前端 rust fd
- 2024-10-12 好程序员web前端教程分享Web前端学习路径
欢迎 你 发表评论:
- 最近发表
-
- Druid 1.2.4 版本发布，增强对 JDK 8 的支持
- Python设计模式 第 1 章 Python 设计模式概述
- RAD Studio 、Delphi或C++Builder设计代码编译上线缩短开发时间
- Hive如何比较两张表所有字段的一致性
- Java 中 java.util.Date 与 java.sql.Date 有什么区别?
- 主流CDC工具_cd软件是做什么的
- 19.提取HFM数据进数据库_怎么提取数据库的信息
- 将Spring Boot应用部署到 Azure_springboot部署到windows
- 这样优化Spring Boot，启动速度快到飞起
- 什么是便携式应用程序，为什么它很重要?
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论，来添加一个吧(●'◡'●)