JAVA Web学习(3)___第3章 JavaScript脚本语言

第3章 JavaScript脚本语言

3.1 了解 JavaScript

3.1.1 什么是JavaScript

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

3.1.2 JavaScript的主要特点

解释性javascript是一种解释语言，源代码不需要经过编译，直接在浏览器上运行时被解释。
基于对象：javascripth是一种基于对象的语言，能运用自己已经创建了的对象，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
事件驱动JavaScript可以直接对用户或客户输入做出响应，无需经过web服务程序。他对用户的响应，是以事件驱动的方式进行的，所谓事件驱动，指的是在主页执行了某种操作所产生的动作，此动作称为“事件”。
安全性JavaScript是一种安全性语言。它不允许访问本地的磁盘，并不能将数据存入服务器上；不允许对网络文本进行修改和删除，只能通过浏览器实现信息浏览或动态交互。可有效的防止数据丢失。
跨平台JavaScript依赖于浏览器本身，与操作环境无关。只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。

3.2.1 JavaScript的语法

• JavaScript区分大小写
• 每行行尾的分号可有可无
• 变量是弱类型
• 使用大括号标记代码块
• 注释，和java注释一样

3.2.2 JavaScript中的关键字

abstract	continue	finally	instanceof	private	this
boolean	default	float	int	public	throw
break	do	for	interface	return	typeof
byte	double	function	long	short	true
case	else	goto	native	static	var
catch	extends	implement	new	super	void
char	false	import	null	switch	while
class	final	in	package	synchronize	with

3.2.3 JavaScript的数据类型

1.数值型

• 整型
• 浮点型

2.字符型

3.布尔型

• true
• false

4.转义字符

JavaScript常用的转义字符

转义字符	描述
\b	退格
\f	换页
\r	回车符
"	双引号
\xnn	十六进制代码nn表示的字符
\0nn	八进制代码nnn表示的字符
\n	换行
\t	Tab符
'	单引号
\	反斜杠
\unnnn	十六进制代码nnnn表示的Unicode字符

5.空值

• null值

6.未定义

• undefined

3.2.4 变量的定义及使用

1.变量的命名规则

JavaScript变量的命名规则如下

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）
• 不是使用 JavaScript中的关键字
• 变量名不能有空格、加号、减号或逗号等符号

2.变量的声明

在 JavaScript 中创建变量通常称为"声明"变量。我们使用 var 关键词来声明变量：

var carname;

变量声明之后，该变量是空的（它没有值）。如需向变量赋值，请使用等号：

carname="Volvo";

不过，您也可以在声明变量时对其赋值：

var carname="Volvo";

一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：

var lastname="Doe", age=30, job="carpenter";

声明也可横跨多行：

var lastname="Doe",
age=30,
job="carpenter";

一条语句中声明的多个不可以赋同一个值:

var x,y,z=1;
//x,y 为 undefined， z 为 1。

3.变量的作用域

全局变量和局部变量，全局变量是定义在所有函数之外，作用于整个脚本代码的变量，局部变量定义在函数体内，只作用于函数体内的变量。

3.2.5 运算符的应用

1.赋值运算符

运算符	描述	示例
=	将右边表达式的值赋给左边的变量	userName="mr"
+=	将运算符左边的变量加上右边表达式的值赋给左边的变量	a+=b //相当于a=a+b
-=	将运算符左边的变量减去右边表达式的值赋给左边的变量	a-=b //相当于a=a-b
*=	将运算符左边的变量乘以右边表达式的值赋给左边的变量	a=b //相当于a=ab
/=	将运算符左边的变量除以右边表达式的值赋给左边的变量	a/=b //相当于a=a/b
%=	将运算符左边的变量求模右边表达式的值赋给左边的变量	a%=b //相当于a=a%b
&=	略	a&=b //相当于a=a&b
|=	略	a|=b //相当于a=a|b
^=	略	a^=b //相当于a=a^b

2.算术运算符

运算符	描述	示例
+	加法	4+6 //返回10
-	减法	7-2 //返回5
*	乘法	7*3 //返回21
/	除法	12/3 //返回4
%	取模（余数）	7%4 //返回3
++	自增 (方法一、方法二)	i=1;j=i++ //j的值为1,i的值为2 i=1;j=++i //j的值为2,i的值为2
--	自减 (方法一、方法二)	i=6;j=i-- //j的值为6,i的值为5 i=6;j=--i //j的值为5,i的值为5

3.比较运算符

运算符	描述	例子
<	小于	1<6 //返回true
>	大于	7>10 //返回false
<=	小于等于	10<=10 //返回true
>=	大于等于	3>=6 //返回false
==	等于	"17"==17 //返回true
===	绝对等于	"17"===17 返回false
!=	不等于	"17"!=17 //返回false
!==	不绝对等于	"17"!==17 //返回true

4.逻辑运算符

运算符	描述	例子
&&	and	(x < 10 && y > 1) 为 true
||	or	(x==5 || y==5) 为 false
!	not	!(x==y) 为 true

5.条件运算符(三目运算符)

语法格式

操作数?结果1:结果2

示例代码

var a=26;
var b=30;
var m=a>b?a:b

6.字符串运算符

字符串拼接
示例代码

var a="one "+"world"
    a+="One Dream"
    alert(a)
    //会显示One World One Dream