好程序员Web前端分享程序的三大结构（一）

时间 2019-12-14

标签程序员 web 前端分享程序三大结构栏目快乐工作繁體版

原文原文链接

好程序员Web前端分享程序的三大结构（一）html

程序的三大结构：前端

顺序结构

选择结构

循环结构

if(){}判断语句程序员

if(true){学习

//执行该语句 spa

}3d

if(false){htm

//跳过该语句 blog

}ip

if(ture){ //当if括号中结果为true时执行语句1，不然执行语句2utf-8

//语句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>

<head>

</head>

<body>

</body>

var achievement = 30; //成绩;

var passNum = 60; //及格分数线;

if (achievement >= passNum) {

alert('成绩合格')

} else {

alert('成绩不合格')

}

</script>

</html>

案例：显示星期几。

<!DOCTYPE html>

<head>

//假设每月的第一天是星期一，写一个程序算出当月日期是星期几;

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语句，那么解析器会继续向下解析）;