第三节JavaScript 函数、作用域、事件、字符串、运算符、比较

一、JavaScript的作用域

1、变量在函数内声明，变量为局部变量，具有局部的作用域。

局部变量：只能在函数内部访问

示例：

// 此处不能调用 carName 变量

function myFunction() {

??? var carName = "Volvo";

??? // 函数内可调用 carName 变量

}

注：因为局部变量只作用于函数内，所以不同的函数中可以使用相同的名称作为变量名。

?局部变量在函数开始执行时创建，函数执行完毕后局部变量会自动销毁。

2、变量在函数外定义，即为全局变量。

示例：

var carName = " Volvo";

// 此处可调用 carName 变量

function myFunction() {

??? // 函数内可调用 carName 变量

}

注：全局变量有 全局作用域 ，网页中所有脚本和函数均可使用。

3、JavaScript变量生命周期

JavaScript变量的生命周期在它声明时初始化。

局部变量在函数执行完毕后销毁。

全局变量在页面关闭后销毁。

注：
函数的参数只有在函数内起作用，故它是局部变量。

三、JavaScript事件

常见的HTMML事件表：

事件	描述
onChange	HTML元素改变
onClick	用户点击HTML元素
onmouseover	鼠标指针移动到指定元素上时发生
onmouseout	鼠标指针从指定元素上移开时发生
onKeyDown	用户按下键盘按键
onLoad	浏览器已完成页面的加载

字符串 - 转义字符：

四、JavaScript运算符

1、算术运算符

与/或值之间的算术运算。

y=5，下面的表格解释了这些算术运算符：

运算符	描述	例子	x运算结果	y运算结果
+	加法	x=y+2	7	5
-	减法	x=y-2	3	5
*	乘法	x=y*2	10	5
/	除法	x=y/2	2.5	5
%	余数	x=y%2	1	5
++	自增	x=++y	6	6
		x=y++	5	6
--	自减	x=--y	4	4
		x=y--	5	4

2、赋值运算符

赋值运算符用于给JavaScript变量赋值。

给定x=10 ,y=5，来解释赋值运算符：

运算符	例子	等同于	运算结果
=	x=y		x=5
+=	x+=y	x=x+y	x=15
-=	x-=y	x=x-y	x=5
*=	x*=y	x=x*y	x=50
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

3、用于字符串的 + 运算符

+ 运算符用于把文本值或字符串变量连接起来。

如果将两个或多个字符串变量连接起来，请使用 + 运算符

例如：

text01 = “Hello”；

text02 = “ World”；

test03 = text01+ text02；

运算结果：Hello World

4、对字符串和数字进行加法运算

两个数字相加，返回数字相加的和。如果数字与字符串相加，返回字符串：

示例1：

age1 = 12；

age2 = 8；

age3 = age1 + age2;

运算结果：

age3 = 20；

示例2：

age1 = 12；

text2= “23”；

age3 = age1 + text2;

运算结果：

age3 = 1223；（字符串）

5、比较运算符

比较运算符在逻辑语句中使用，以测定变量或值是否相等。

给定x=5，下面的表格解释了比较运算符：

运算符	描述	比较	返回值
==	等于	x==8	false
==	等于	x==5	true
===	绝对等于（值和类型均相等）	x===“8”	false
===	绝对等于（值和类型均相等）	x===5	true
!=	不等于	x!=“8”	true
!==	不绝对等于（值和类型有一个不相等，或两个都不相等）	x!=="5"	true
!==	不绝对等于（值和类型有一个不相等，或两个都不相等）	x!==5	false
>	大于	x>8	false
<	小于	x<8	true
>=	大于或等于	x>=8	false
<=	小于或等于	x<=8	true

一般如何使用呢？

可以在条件语句中，进行运算值进行比较，进而采取不同的结果：

如：

If(age < 18) {

x = “Too Young”;

}

6、逻辑运算符

逻辑运算符用于测定变量或者值之间的逻辑。

给定 x=8 以及 y=4，下表解释了逻辑运算符：

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

说明：

&&：运算符左右两边条件都为true时，该结果才为true。

||： ?运算符左右两边条件只要有一条为true，该结果就为true。反之，只有当该运算符左右两边都是false时，结果才为false。

!：取反，当x==y是true时，！(x==y)就是false。

7、条件运算符

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

语法

variablename=(condition)?value1:value2?

即：condition是true时，variablename = value1；

???? ?condition是false时，variablename = value2；

如果变量 age 中的值小于 18，则向变量 voteable 赋值 "年龄太小"，否则赋值 "年龄已达到"。

voteable=(age<18)?"年龄太小":"年龄已达到";