JS之循环与函数

最新推荐文章于 2022-09-18 16:24:48 发布

年少有为✘

最新推荐文章于 2022-09-18 16:24:48 发布

阅读量240

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_46454139/article/details/114781449

版权

文章目录

一、循环语句
二、函数
- 1. 自定义函数与匿名函数
- 2. 事件调用

一、循环语句

与大多数编程语言一样，JS的循环语句也基本类似。主要由以下三种：

1. for循环 or for…in循环

//for循环结构：
for(初始化参数;循环条件;增量和减量){
	//JS代码
}

//案例：用for循环打印带表格的九九乘法表
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			document.write("<table align='center' border='1' style='border-collapse: collapse;'>");
			//border-collapse: collapse的作用是去除表格外边框
			document.write("<tr>");
			for(var i=1;i<=9;i++){
				for(var j=1;j<=i;j++){
					document.write("<td align='center' style='width: 100px; height: 50px;'>"+j+"*"+i+"="+i*j+"</td>");
					//width: 100px; height: 50px;设置单个表格单元的长宽
				}
				document.write("</tr>");
			}
			document.write("</table>")
		</script>
	</body>
</html>

//for...in循环结构：
for(变量名 in 对象名){
	//js代码
}

//案例：
var cars = ["Audi", "Volvo", "BMW", "Benz"]  
for (var i in cars) {
    document.write(cars[i] + "<br/>");  
}

2. while循环和do…while循环

//while循环结构：
while(条件){  
    //js语句  
} 
//while循环打印带表格的99乘法表：
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			document.write("<table align='center' border='1' style='border-collapse: collapse;'>");
			document.write('<tr>');
			var i=1;
			while(i<=9){  
				var j=1;
    			while(j<=i){
					document.write("<td align='center' style='width: 100px; height: 50px;'>"+j+"*"+i+"="+i*j+"</td>");
					j++;
				}
				document.write('</tr>');
				i+=1;
			}
			document.write('</table>');
		</script>
	</body>
</html>


//do...while循环结构：
do{  
    //js语句  
}while(条件)

3. 中断循环语句

break：立即退出整个循环
continue：退出当前循环

二、函数

1. 自定义函数与匿名函数

//自定义函数结构：
function name(参数1,参数2,参数3){
	//要执行的代码
	return 返回值
}

//案例:
function add(a,b){
	return a+b;
}
var result=add(1,3);
console.log(result);


//匿名函数结构：
function (参数1, 参数2, 参数3) {  
    //要执行的代码 
    return 返回值
}


//案例：

//由于匿名函数没有名字，所以想要调用匿名函数，可以将函数赋值给变量然后输出
var add=function(a,b){ //先赋值给变量add
	return a+b;
}
var result=add(1,3); //再由add()传入参数
console.log(result); //最后在控制台上输出

2. 事件调用

<button onclick="display()">点我试试</button>
<script type="text/javascript">
function display(){
	alert('hello world');
}
</script>

当点击屏幕中的按钮时跳出弹窗，显示“hello world”语句。效果如下：
在这里插入图片描述
js中局部变量的作用域只在函数体内
全局变量可作用于全局

年少有为✘

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS之循环与函数

文章目录一、循环语句1. for循环 or for...in循环2. while循环和do...while循环3. 中断循环语句二、函数1. 自定义函数与匿名函数2. 事件调用一、循环语句与大多数编程语言一样，JS的循环语句也基本类似。主要由以下三种：1. for循环 or for…in循环//for循环结构：for(初始化参数;循环条件;增量和减量){ //JS代码}//案例：用for循环打印带表格的九九乘法表<!DOCTYPE html><html> &
复制链接

扫一扫