JavaScript入门：基本语法

郎哥
JavaScript
2024-07-02
269热度
0评论

JavaScript语法与Java语法类似，但JavaScript的语法规则要比Java语言的语法规则简单的多。

语句

JS语句同Java语句相同，在语句中可以包含变量、关键字、运算符和表达式，语句结束符使用英文分号“；”，在语句的结尾也可以不使用结束符。
下面是JS语句的例子：

name = "赵五";
r = 3.0;
s = 3.14 * r * r;

其中，第1条语句是简单赋值语句，将字符串“赵五”赋值给变量name；第2条语句是简单赋值语句，将小数3.0赋值给浮点变量r；第3条语句是复合赋值语句，首先计算赋值运算符“=”右侧的表达式，然后将计算结果赋值给浮点变量s。
案例代码：

<html>
<head>
<title>这是登录页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function verify(){
name = "赵五";
r = 3.0;
s = 3.14 * r * r;
alert(s);
}
</script>
</head>
<body>
<h3>JS语句案例代码1</h3>
<hr>
<form action="/login.jsp">
<p><input type="button" value="计算圆的面积" onclick="verify()"/></p>
</form>
</boyd>
<html>

代码块

JS代码块使用一对大括号“{}”将多条JS语句组合在一起，完成一个特定的功能。JS代码块一般在函数、条件结构、循环结构内部使用。
下面是一个JS函数的案例代码：

function verify(){
name = "赵五";
r = 3.0;
s = 3.14 * r * r;
alert(s);
}

其中，function是声明JS函数的关键字，verify是函数名称，函数主体使用一对大括号“{}”括起来，由大括号括起来的是Js代码块。

标识符与变量

JS标识符和Java标识符相同，都是用于标识变量、函数、关键字、类等名称。标识符只能有字母、数字和下划线组成，不能包含其它符号。标识符的第一个字符必须是字母、下划线，不能是数字。
例如，下面是合法的标识符：

name
Age
Num1

JS内部预定义了一些标识符，这些标识符是JS关键字，它们不能用于变量、函数和类的命名。JavaScript关键字见附录1。
变量和常量
在JS语句中声明的标识符称为变量，变量的值在JS程序运行过程中可以被修改。每个变量都对应某个存储空间，在存储空间内存储程序使用的数据，通过变量名称可以访问对应的存储空间，即可以访问存储空间存储的数据。
例如：

r = 3.0

变量名称是r，r对应的存储空间存储了小数3.0，通过变量名称r可以访问到小数3.0，也可以将一个新的小数写入到r对应的存储空间内。也可以这样说，变量r的值是3.0。
声明变量时，也可以在变量名称前面添加关键字var，var是声明变量的关键字。
例如：

var r = 3.0

常量是相对于变量来说的，常量是一种特殊的变量，常量的值在JS程序运行过程中不能被修改。声明常量使用const关键字。
例如：

const PI = 3.14

上面的JS代码声明了常量PI，PI的值是固定的3.14，程序不能修改PI的值。当声明常量时，常量名称一般都使用大写字母，方便和变量区分。
代码中的3.14也是常量，称为字面常量。

注释

JavaScript注释同Java注释基本相同，注释也分为单行注释和多行注释两种。

单行注释

单行注释使用两个反斜杠字符“//”放置在语句的前面，表示该行语句为注释语句，JS解释器在解释执行JS代码时，会忽略注释语句。注释语句就是对要注释的代码起到解释作用。
例如：

// 声明圆周率PI
const PI = 3.14;

“// 声明圆周率PI”就是注释语句，注释语句前面使用“//”开始，该注释语句对代码const PI = 3.14进行了解释。
注释语句即可以作为一个独立行存在，也可以放置在语句的后面。
例如：
const PI = 3.14; // 声明圆周率PI

多行注释

在一些情况下，单行注释不能完全解释代码的功能或作用。这时就需要使用多行注释。
多行注释语句以“/*”开始，以“*/”结束。
例如：

/*
函数名称：area
函数功能：计算给定半径圆的面积
日期：2020-10-08
*/
function area(){
r = 3.0;
s = 3.14 * r * r;
alert(s);
}

运算符

JavaScript运算符与Java运算符基本相同，主要包括算术运算符、赋值运算符、关系运算符、逻辑运算符，条件运算符。

算术运算符

算术运算符和操作数构成了JS算术表达式，运算顺序和数学中的四则运算顺序完全一致。
算术运算符如下表所示：

表中案例使用了变量a、b、c，a的值为12，b的值为6

运算符	描述	案例	结果
+	加法运算符	c=a+b	c=18
-	减法运算符	c=a-b	c=6
*	乘法运算符	c=a*b	c=72
/	除法运算符	c=a/b	c=2
%	取余运算符	c=a%b	0
++	自增运算符	a=a++	a=13
--	自减运算符	b=b--	b=5

赋值运算符

赋值运算符主要对变量进行赋值运算，常用的赋值运算符如下表所示：
表中案例使用了变量a、b、c，a的值为12，b的值为6

运算符	描述	案例	结果
=	直接赋值运算符	c=a+b	c的值为18
+=	先完成加法运算，再赋值	a += b	相当于 a= a+b a的值为18
-=	先完成减法运算，再赋值	a-=b	相当于 a= a-b a的值为6
*=	先完成乘法运算，再赋值	a*=b	相当于 a= a*b a的值为72
/=	先完成除法运算，再赋值	a/=b	相当于 a= a/b a的值为2

关系运算符
关系运算符用于判断两个操作数之间的关系，例如：大于、等于、不等于，比较的结果是一个布尔值（ true 或 false ）。下表列出了JavaScript语言支持的关系运算符，表中例子假设Ａ和Ｂ不相等，并且Ａ小于Ｂ。

运算符	描述	案例	结果
==	判断两个操作数是否相等，若相等返回true	A==B	false(假)
!=	判断两个操作数是否不相等，若不相等返回true	A==B	true(真)
>	判断左侧操作数是否大于右侧操作数，若大于返回true	A>B	false(假)
>=	判断左侧操作数是否大于或等于右侧操作数，若大于或等于返回true	A>=B	false(假)
<	判断左侧操作数是否小于右侧操作数，若小于返回true	A<B	true(真)
<=	判断左侧操作数是否小于或等于右侧操作数，若小于或等于返回true	A<=B	true(真)

逻辑运算符

逻辑运算符用于连接两个关系表达式或布尔类型的变量，用于执行多个判断。下表列出了JavaScript语言支持的逻辑运算符，表中例子假设Ａ和Ｂ是两个布尔值，A为true，B为false。

运算符	描述	案例	结果
&&	逻辑与运算符，当两个操作数都为真时，返回true	A&&B	false(假)
\|\|	逻辑或运算符，当两个操作数任何一个为真时，返回true	A\|\|B	true(真)
!	逻辑非运算符，反转操作数的布尔值	!A	false(假)

条件运算符

条件运算符是三目运算符，语法规则如下：
条件表达式？表达式1 ：表达式2
条件表达式返回一个布尔值，其值可以为真，也可以为假。如果条件表达式的值为真，则以表达式1的值作为运算结果。否则，以表达式2的值作为运算结果。
例如：

a = 10;
b = 3;
value = a>b?a+6:b+6;

上述JS代码执行完成后，value的值是16，因为a>b返回true，所以将表达式a+6的结果赋值给value。

字符串连接运算

算式运算符的“+”运算符还可以连接两个字符串，将两个字符串合并为一个字符串。
例如：

s1=”Hello”;
s2=” JavaScript”
s = s1+s2;
alert(s)

上述代码执行完成后，s的值是” Hello JavaScript”。