Web前端的三大结构是什么

发布时间:2021-12-22 15:07:19 作者:iii
来源:亿速云 阅读:214

这篇文章主要介绍“Web前端的三大结构是什么”,在日常操作中,相信很多人在Web前端的三大结构是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Web前端的三大结构是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

程序的三大结构:

1. 顺序结构

Web前端的三大结构是什么

2. 选择结构

Web前端的三大结构是什么

3. 循环结构

Web前端的三大结构是什么

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前端的三大结构是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. web前端有没有必要学数据结构?
  2. html的基本结构是什么

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

web前端

上一篇:区块链底层平台FISCO BCOS的网络压缩功能是怎样的

下一篇:mysql中出现1053错误怎么办

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》