循序渐进Vue.js 3前端开发实战
上QQ阅读APP看书,第一时间看更新

1.4.2 JavaScript语法简介

JavaScript语言的语法非常简单,入门很容易,对于开发者来说上手也非常快。其语法不像某些强类型语言那样严格,语句格式和变量类型都非常灵活。

1.变量的定义

JavaScript使用var或let来进行变量的定义。其使用var定义和let定义会使得变量的作用域不同。在定义变量时,无须关心变量的类型,例如:

JavaScript中的注释规则与传统的C语言类似,我们一般使用“//”来定义注释。

2.表达式

几乎在任何编程语言中都存在表达式,表达式由运算符与运算数构成。运算数可以是任意类型的数据,也可以是任意的变量,只要其能支持我们指定的运算。JavaScript支持很多常规的运算符,例如算术运算符+、-、*、/等,比较运算符<、>、<=、<=等,示例如下:

     var m = 1 + 1           // 算术运算
     var n = 10 > 5          // 比较运算
     var o = false && false  // 逻辑运算
     var p = 1 << 1          // 位运算

3.函数的定义与调用

函数是程序的功能单元,在JavaScript中定义函数有两种方式,一种是使用function关键字进行定义,另一种是使用箭头函数的方式进行定义。无论哪种方式定义的函数,其调用方式都是一样的,示例如下:

运行上面的代码,在VSCode开发工具的控制台可以看到输出的信息。console.log函数用来向控制台输出信息。

4.条件分支语句

条件语句是JavaScript进行逻辑控制的重要语句,当程序需要根据条件是否成立来分别执行不同的逻辑时,就需要使用条件语句,JavaScript中的条件语句使用if和else关键词来实现,示例如下:

JavaScript中也支持使用switch和case关键字多分支语句,示例如下:

5.循环语句

循环语句用来重复执行某段代码逻辑,JavaScript中支持while型循环和for型循环,示例代码如下:

除此之外,JavaScript还有许多非常强大的语法与面向对象能力,我们在后面的章节中会更加详细地介绍。