for循环 与函数

.概念:做重复的事情,通常和数字关联

2.for循环的基本结构(两个分号不可以省略)
for(;;){} 

3.for(1初始值;2结束条件;4更新变量){
    //3 执行的for循环代码

  • 是否满足条件:(如果不满足:代码一次不执行)
  • 是否有结束条件(如果没有,就是一个死循环(无限循环))
  • 浏览器15秒还没有反应过来,就会自动崩溃
  • .break结束整个循环

    在for循环中只要break代码被执行
    for循环立即终止 

  • continue结束本次循环,继续下一次循环

    continue 当次循环continue关键字以后的代码不执行
    执行下一次循环

  • <script>
    		 // for循环
    		 // 初始条件是:1
    		 // 结束条件是:10
    		 // 执行代码: 问喝水不?喝水就这一圈不跑了,不和就跑完这一圈
    		 // 更新循环变量 i++
    		 for(var i=1;i<=10;i++){
    			 var flag = window.confirm("哥是否喝瓶水?");
    			 // 如果不喝就继续跑
    			 if(flag){ continue; }
    			 console.log("我正在跑第"+i+"圈");
    		 }
    		
    		// continue结束当次循环,后面的代码不执行,执行下一次循环
    	</script>
    

函数

函数定义
  1.在js中可以理解为重复使用的代码块

   2.函数是由事件来进行驱动的,(关于事件的学习可以在我后面的JS事件中去学习),或者直接被调用时执行的可重复使用的代码块

2.函数的作用
  1.可以重复使用

  2.能够将代码功能以模块的形式进行分离,提高代码的可读性,建立模块化编程的思想

3.函数的调用
01 在js中直接调用  fun()

02 可以html事件属性<h1 οnclick="fun()">

03 dom 1级事件注册btn.onclick = fun

04 dom2级事件注册btn.addEventListener("click",fun)

05 函数中调用函数
function play(){
   check();
   .....
}
 

<body>
		 <h1 onclick="fun()">函数-方法</h1>
		 <p>函数:一块可以重复执行的代码,函数可以被多次调用</p>
		 <button type="button">调用</button>
	<script>
		/* function 名称 (){ 
			要执行的代码
		} */
		function fun(){
			console.log("养羊");
			console.log("喂马!");
			console.log("劈柴");
			console.log("射雕!");
		}

4.函数的参数
1.function say(name){
   alert("我喜欢"+name)
}
执行
say("小红")
say("苹果")

2.name 是形式上的参数(形参) 定义时候
"小红","苹果" 实际的参数(实参) 执行的时候
函数在执行的时候会把实参代入函数替换形参执行代码

3.参数列表:函数有个特殊变量arguments,类似数组的变量
存储函数传入参数列表

4.函数默认参数

定义函数参数默认值,没有传入参数时候,默认使用这个值
function send(name="lili"){
....
}
send () 没有传入name值,默认name等于lili
 

// 定义函数add,求参数的和
	function add(){
		// console.log(arguments,arguments.length,arguments[0])
		var  sum = 0; //总数
		// for循环:初始i=0;结束i<arguments.length;i++
		for(var i=0;i<arguments.length;i++){
			sum+=arguments[i];
		}
		alert(sum);
	}
	add(1,3,5,1);
		

.函数的返回值

1.函数默认返回 undefined

2.用return 关键字可以定义函数返回值

3.return后面的代码 函数不会执行的

 function add(a,b){
			
			 return a+b;
			 alert(a+b);
			
		 }
		 var re = add(3,4);
		 console.log(re);
  1. .匿名函数(没有名字的函数)
    在事件注册el.onclick = function(){}
    当做回调函数
    list.forEach(function(item){})
    匿名函数自执行
    ;(function(){ ...})()
    !function(){ ...}()
    赋值给变量
    var abc = function(){ ...}
    先声明后执行
     
  2. .变量的作用域
    变量的可以使用方法
    全局作用域(在js任意地方可以访问):1. 在script 用var声明的变量2. window的全局属性3. 在任意地方没有用关键字声明的变量也是全局变量
    函数作用域:在当前函数,子函数可以访问,在当前函数声明的变量
    函数可以访问其父函数作用域 /全局作用域变量
    在函数外部不能访问函数内部变量
    if,switch,else,for没有作用域

  3. <script>
           function say(){
    			  b = 12;
    			 alert(b);
    		 }
    		 say();
    		 alert(b);
    </script>
    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值