JavaScript基本语法
3210字,阅读需时11分钟

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

1、语句

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

下面是JS语句的例子:

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

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

案例2:JS语句案例代码(案例代码见unit1\case2.html):

<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>

2、  代码块

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

下面是一个JS函数的案例代码:

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

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

3、  标识符与变量

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

例如,下面是合法的标识符:

name
Age
Num1

JS内部预定义了一些标识符,这些标识符是JS关键字,它们不能用于变量、函数和类的命名。JavaScript关键字见下表:

001.png

变量和常量

在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也是常量,称为字面常量。 

4、  注释

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);
}

5、  运算符

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

算术运算符

算术运算符和操作数构成了JS算术表达式,运算顺序和数学中的四则运算顺序完全一致。

算术运算符如下表所示:

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

002.png

赋值运算符

赋值运算符主要对变量进行赋值运算,常用的赋值运算符如下表所示:

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

003.png

关系运算符

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

004.png

逻辑运算符

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

005.png

条件运算符

条件运算符是三目运算符,语法规则如下:

条件表达式 ? 表达式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”。

读者留言
最新
推荐
郎宏林
授课老师
授课老师简介
项目经理,系统分析和架构师,从事多年中文信息处理技术。熟悉项目管理、擅长项目需求分析和设计、精通Java、C#、Python等编程语言。