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

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

感谢阅读!

本文转自博客园张占岭(仓储大叔的博客,原文链接:Javascript基础与面向对象基础~Javascript中的语句如何被执行,如何改变执行顺序,如需转载请自行联系原博主。

目录
相关文章
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(一)
深入JS面向对象(原型-继承)
31 0
|
7月前
js- 面向对象进阶
Object.defineProperty等面向对象的信息
|
7月前
|
存储 JavaScript 前端开发
|
2月前
|
设计模式 前端开发 JavaScript
深入认识:JavaScript中的面向对象
深入认识:JavaScript中的面向对象
12 0
|
3月前
|
Web App开发 JavaScript 前端开发
深度刨析 JavaScript 模拟面向对象的内部机制
深度刨析 JavaScript 模拟面向对象的内部机制
79 0
|
3月前
|
存储 JavaScript 前端开发
【JavaScript】<面向对象Object>函数方法&对象创建&原型对象&作用域解析
【1月更文挑战第17天】【JavaScript】<面向对象Object>函数方法&对象创建&原型对象&作用域解析
|
3月前
|
存储 JSON 前端开发
JavaScript:构造函数&面向对象
JavaScript:构造函数&面向对象
36 2
|
8月前
|
设计模式 JavaScript 前端开发
js面向对象入门
js面向对象入门
56 0
|
3月前
|
存储 JavaScript 前端开发
JavaScript知识总结 终结篇--面向对象,垃圾回收与内存泄漏
JavaScript知识总结 终结篇--面向对象,垃圾回收与内存泄漏
|
7月前
|
存储 JavaScript
js-面向对象
把数据及对数据的操作方法放在一起,作为一个相互依存的整体——对象。对同类对象抽象出其共性,形成类。类中的大多数数据,只能用本类的方法进行处理。