JavaScript语句和函数

淩亂°似流年 2024-04-06 09:25 72阅读 0赞

条件判断语句

2.1.1简单if语句

其中的条件表达式计算结果为true或false。如果结果为true，则程序先执行\{\}内的语句块1，然后再执行“\}”后的语句块2;如果结果为false，则程序跳过\{内的语句块1而直接执行“\}”后的语句块2;如果\{内的语句块1只包含一条语句，则\{\}可以不写。if语句后面总跟着\{\}是个良好的编程习惯！

例如：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>简单的if语句</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			var score;
    			score=prompt("请输入成绩")
    			if(score>=60){
    				alert("考试及格")
    			}
    		</script>
    	</body>
    </html>

--------------------

2.1.2 if-else语句

if-else 语句是条件分支语句，如果条件表达式的值为true，则程序只执行语句块1，不执行语句块2的代码;如果条件表达式的值为false，则程序跳过语句块1内的语句直接执行语句块2的代码。通常称语句块1为条件的取真分支，语句块2为条件的取假分支

例如：

--------------------

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			function test2(width,height){
    				var result = width*height
    				return result
    				
    			}
    			var result=test2(10,3)
    			// 想判断以下该长方形的面积是否可以被5整除
    			if(result%5==0){
    				console.log("该长方形的面积是可以被5整除的")
    			}else{
    				console.log("该长方形的面积不能被5整除")
    			}
    			// 判断该长方形的面积是否大于100
    			if(result>100){
    				console.log("该长方形的面积是大于100的")
    			}esle{
    				console.log("该长方形的面积是不大于100的")
    			}
    			test2(30,40)s
    		</script>
    	</body>
    </html>

--------------------

switch结构  
switch结构用于将一个表达式的结果同各个选项进行比较，若找到匹配的选项，就打行匹配选项中的语句。如果没有匹配的选项，就直接执行默认选项中的语句。在Java语言中，switch结构中的表达式的值只能是char型、int型和byte型。在JavaScript中，除字符型和 number型外，还可以是字符串类型。不管哪种类型，条件的取值和表达式的值的类型必须是一致的，否则，将有语法错误。语法如下:

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			var isBuy="y"
    			do{
    				
    			
    				var num =prompt("请输入1——5之间的任意整数：")
    				switch(num ){
    					case "1":
    					alert("可乐")	
    					break;
    				switch(num ){
    					case "2":
    					alert("雪碧")	
    					break;
    				switch(num ){
    					case "3":
    					alert("芬达")	
    					break;
    				switch(num ){
    					case "4":
    					alert("农夫山泉")	
    					break;
    				switch(num ){
    					case "5":
    					alert("冰红茶")	
    					break;
    					default:
    					alert("没有该商品")
    					break;
    				}
    				isBuy=prompt("是否继续购买饮料y/n")
    				}while(isBuy=="y")
    
    		</script>
    	</body>
    </html>

## 2.O函数 ##

函数是完成特定任务的语句块，当需要重复完成某种任务时，就应该把用到的语句组织成函数。这样在JavaScript程序的任意位置都可以通过引用其名称来执行任务。程序员可以在程序中建立很多函数，这样有利于组织自己的程序结构，使代码的维护更容易。除此之外，JavaScript还提供了许多功能强大的内置函数，可以在程序的任意位置使用这些函数。这里将学习创建并调用自定义函数和几个重要的内置函数。

## 自定义函数及调用 ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>简单的if语句</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			function函数名([]参数列表])
    			{
    				程序语句
    				...
    				[return 返回值;]
    			}
    		</script>
    	</body>
    </html>

函数的定义需要注意以下事项。  
(1)函数名区分大小写，且不能相同。  
更不能使用JavaScript 的关键字。  
(2)在function关键字之前不能指定返区回值的数据类型。(3)函数定义中\[\]是指可选的，也就大  
是说，自定义的函数可以带参数，也可以不带参  
数。如果有参数，参数可以是变量、常量或表达式。自定义函数可以有返回值，也可以没  
有，如果省略了return 语句，则函数返回 undefined。  
(4)函数必须放在<script></script>标签签之间。  
(5)函数的定义最好放在网页的<head></head>部分。  
(6)定义函数时并不执行组成该函数的的代码，只有调用函数时才执行代码。示例2-11所示的代码演示了一个简单的自定义函数。