![循序渐进Vue.js 3前端开发实战](https://wfqqreader-1252317822.image.myqcloud.com/cover/328/47217328/b_47217328.jpg)
上QQ阅读APP看书,第一时间看更新
1.4.2 JavaScript语法简介
JavaScript语言的语法非常简单,入门很容易,对于开发者来说上手也非常快。其语法不像某些强类型语言那样严格,语句格式和变量类型都非常灵活。
1.变量的定义
JavaScript使用var或let来进行变量的定义。其使用var定义和let定义会使得变量的作用域不同。在定义变量时,无须关心变量的类型,例如:
![](https://epubservercos.yuewen.com/4402A2/26581624701358006/epubprivate/OEBPS/Images/Figure-P28_2246.jpg?sign=1738868720-avzIKXegDQhfFjPSauwFiDUu2MEWP6uG-0-58fb2a3921825cb5cbe0cde9cbd190a9)
JavaScript中的注释规则与传统的C语言类似,我们一般使用“//”来定义注释。
2.表达式
几乎在任何编程语言中都存在表达式,表达式由运算符与运算数构成。运算数可以是任意类型的数据,也可以是任意的变量,只要其能支持我们指定的运算。JavaScript支持很多常规的运算符,例如算术运算符+、-、*、/等,比较运算符<、>、<=、<=等,示例如下:
var m = 1 + 1 // 算术运算 var n = 10 > 5 // 比较运算 var o = false && false // 逻辑运算 var p = 1 << 1 // 位运算
3.函数的定义与调用
函数是程序的功能单元,在JavaScript中定义函数有两种方式,一种是使用function关键字进行定义,另一种是使用箭头函数的方式进行定义。无论哪种方式定义的函数,其调用方式都是一样的,示例如下:
![](https://epubservercos.yuewen.com/4402A2/26581624701358006/epubprivate/OEBPS/Images/Figure-P29_3536.jpg?sign=1738868720-ncLwft8tG8jdQfnVLxlHB4wvWUmpA49V-0-c9233a62881f408b0cefa972a3e844c7)
运行上面的代码,在VSCode开发工具的控制台可以看到输出的信息。console.log函数用来向控制台输出信息。
4.条件分支语句
条件语句是JavaScript进行逻辑控制的重要语句,当程序需要根据条件是否成立来分别执行不同的逻辑时,就需要使用条件语句,JavaScript中的条件语句使用if和else关键词来实现,示例如下:
![](https://epubservercos.yuewen.com/4402A2/26581624701358006/epubprivate/OEBPS/Images/Figure-P29_3537.jpg?sign=1738868720-FxmDgSYxo9LAqU6b9j2DG3yrgCfdVEDQ-0-84eb1477d87b42a01bd1a854c267544d)
JavaScript中也支持使用switch和case关键字多分支语句,示例如下:
![](https://epubservercos.yuewen.com/4402A2/26581624701358006/epubprivate/OEBPS/Images/Figure-P29_54922.jpg?sign=1738868720-HlJw63DVRs3KZfxC7ZGfZXSI7etyYFO0-0-e7b1efa17f6f84feee8adcf544cdd9e4)
5.循环语句
循环语句用来重复执行某段代码逻辑,JavaScript中支持while型循环和for型循环,示例代码如下:
![](https://epubservercos.yuewen.com/4402A2/26581624701358006/epubprivate/OEBPS/Images/Figure-P30_2576.jpg?sign=1738868720-vaOTvcFCrjUJMh3dq1k3qsjShS81x029-0-512f650d204f5d3a9171b789c37243ce)
除此之外,JavaScript还有许多非常强大的语法与面向对象能力,我们在后面的章节中会更加详细地介绍。