点此查看所有教程、项目、源码导航文章目录1. 前言2. 基础实例与执行流程3. 语句、表达式和顺序的关系4. 小结1. 前言JS 语言程序的基本结构可以分为三类顺序结构、选择结构、循环结构。这三种结构是所有代码逻辑的骨架再复杂的项目本质上都是这三种结构互相嵌套、组合而成。今天我们来学习最简单、也是最基础的一种顺序结构。所谓顺序结构就是在没有分支跳转、循环、异步干扰的前提下JS 代码会自上而下按书写顺序依次执行上一条语句执行完成之后才会开始执行下一条语句。2. 基础实例与执行流程我们先看一段典型的顺序结构代码vara1;varb2;varcab;console.log(c);这段代码一共有 4 条独立语句在顺序结构下严格按照从上到下的次序执行我们拆解每一步的执行动作第一步执行var a 1;声明变量 a把数值 1 存入变量 a第二步执行var b 2;声明变量 b把数值 2 存入变量 b第三步执行var c a b;先读取 a 和 b 里面的值做加法运算得到结果 3再把 3 赋值给变量 c第四步执行console.log(c);读取变量 c 的值输出到浏览器控制台。最终控制台打印结果为 3。这里有一个重点提醒一行代码里面执行顺序不一定是从左往右最典型就是赋值语句。赋值运算符的规则是先算等号右边再把结果给到左边变量。比如var c a b;并不是从左向右先给 c 赋值而是先计算右侧ab运算结束才会执行赋值操作。3. 语句、表达式和顺序的关系这里区分两个概念语句和表达式。语句是可以独立执行、用来完成一个动作的完整代码单元以分号结束比如变量声明语句、console 输出语句顺序结构就是一条一条执行语句表达式是用来算出一个值的片段它不能独立存在经常镶嵌在语句里面。一条语句内部的表达式有自己的运算符优先级、结合性不是简单从左往右跑。示例varres102*5;console.log(res);书写顺序是10 2 * 5但因为乘法优先级高于加法JS 引擎会先算2*5再算1010最后赋值给 res。哪怕整体代码是顺序结构单条语句内部是按照运算符优先级执行不是单纯从左向右。4. 小结顺序结构看着简单但它是整个程序世界的基石也是默认的运行规则。选择结构、循环结构本质上只是在顺序流里面增加了跳转、重复的能力。我们可以记住两个核心要点同步代码默认遵循顺序结构语句自上而下依次执行“从上往下” 是语句级别的规则单条语句内部按照运算符优先级、结合性执行不一定从左向右异步代码会脱离这个顺序规则是后面学习的重难点。