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

2023-12-13 09:10:51

一、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)?"年龄太小":"年龄已达到";

文章来源:https://blog.csdn.net/yyxhzdm/article/details/134902357
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。