Web前端的三大结构是什么

Web前端的三大结构是什么

这篇文章主要介绍“Web前端的三大结构是什么”,在日常操作中,相信很多人在Web前端的三大结构是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”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>

<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>

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

到此,关于“Web前端的三大结构是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注恰卡编程网网站,小编会继续努力为大家带来更多实用的文章!

发布于 2021-12-22 21:58:48
收藏
分享
海报
0 条评论
44
上一篇:ex在css中指的是什么意思 下一篇:Java同步方法怎么实现
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码