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面向对象(原型-继承)
92 0
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(一)
深入JS面向对象(原型-继承)
131 0
js- 面向对象进阶
Object.defineProperty等面向对象的信息
114 0
|
8月前
|
前端开发 JavaScript
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
301 58
|
设计模式 JavaScript 前端开发
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
JavaScript的继承机制基于原型链,它定义了对象属性和方法的查找规则。每个对象都有一个原型,通过原型链,对象能访问到构造函数原型上的方法。例如`Animal.prototype`上的`speak`方法可被`Animal`实例访问。原型链的尽头是`Object.prototype`,其`[[Prototype]]`为`null`。继承方式包括原型链继承(通过`Object.create`)、构造函数继承(使用`call`或`apply`)和组合继承(结合两者)。ES6的`class`语法是语法糖,但底层仍基于原型。继承选择应根据需求,理解原型链原理对JavaScript面向对象编程至关重要
296 7
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
|
JavaScript 前端开发
JavaScript中的代码执行顺序
这篇文章通过示例代码解释了JavaScript中的代码执行顺序,特别是`load`事件的使用,它确保只有在整个页面加载完成后才会执行指定的JavaScript函数。
|
前端开发 JavaScript
前端 JS 经典:Class 面向对象
前端 JS 经典:Class 面向对象
87 1
|
JavaScript
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
2441 0
|
JavaScript 前端开发
js【深度解析】代码的执行顺序
js【深度解析】代码的执行顺序
184 0
|
JavaScript 前端开发
JavaScript 原型链继承:掌握面向对象的基础
JavaScript 原型链继承:掌握面向对象的基础