zoukankan      html  css  js  c++  java
  • Javascript基础与面向对象基础~Javascript中的语句如何被执行,如何改变执行顺序

    回到目录

    本讲主要是JS语言中的代码如何被解释执行的,这个问题其实和其它语言是一样的,程序执行顺序为“从上到下”,当然如果代码中有分支,它的执行顺序可能有所改变,而这种支在程序设计中叫做“分支结构(条件结构)”,再或者某个操作需要反复执行10次,这在程序设计中叫做“循环结构”。

    正常的程序结构

          //普通的结构
            var info = "hello world"
            console.log(info);

    带有分支的程序结构

         //IF条件结构
            var number = 1;
            if (number % 2 == 0)
                console.log("偶数");
            else
                console.log("奇数");
            //switch条件结构
            var type = 1;
            switch (type) {
                case 1:
                    console.log("支付宝");
                    break;
                case 2:
                    console.log("财富通");
                    break;
                case 3:
                    console.log("银联");
                    break;
                default:
                    console.log("输入类型错误");
                    break;
            }

    带有循环的程序结构

         //for循环结构
            var body = document.getElementById("bodys");
            for (var i = 0; i < 10; i++) {
                body.appendChild(document.createTextNode(i));
            }
            //while循环实现相同的效果
            var i = 0;
            while (i < 10) {
                body.appendChild(document.createTextNode(i));
                i++;
            }
            //do...while循环,注意一点,do循环它至少会执行一次
            do {
                body.appendChild(document.createTextNode(i));
                i++;
            } while (i < 10)

    代码执行过程中的中断与应对

    对于JS代码,正常情况下它自上而下去解释执行,当发表代码出现错误(异常时)它的中断解释,即出现行下面的代码将不会被执行!而如果我们

    希望以下的代码继续执行,只有为“可能出错的代码”加try...cache块,代码如下:

    var a=0;
    var b=10/a;  //这行代码出现异常,JS代码中断
    console.log(b) //事实上,这行代码不会被执行的
    
    //解决方法:
    var a=0;
    var b=0;
    try{
    b=10/a;  //这行代码出现异常,JS代码中断
    }
    catch(e){
      console.log("出现异常,信息为:"+e);
    }
    console.log(b) ;

    恩,现在你对代码的执行顺序有一个了解了吧,事实上,所以开发语言中,无非是这三种结构,恩!

    感谢阅读!

    回到目录

  • 相关阅读:
    Lodash JS实用类库 数组操作 延时执行 功能强大
    7.【nuxt起步】-Nuxt与后端数据交互
    vue图片懒加载
    猎鹰与龙飞船基于 Linux,采用 C++、Chromium 与 JS 开发
    | 和 ||,& 和 && 的区别
    Linux安装.net core
    Linux下程序后台运行:nohup和&
    vuejs如何调试代码
    全局安装 Vue cli3 和 继续使用 Vue-cli2.x
    导入sass文件
  • 原文地址:https://www.cnblogs.com/lori/p/2871879.html
Copyright © 2011-2022 走看看