js for循环与函数方法

一.for循环

概念：做重复的事情，通常和数字关联

       for(var i =1 ;i<=5;i++){
            can = window.confirm("喝水不")
    if(!can){
        break;}
        console.log("跑"+i+"圈")

1-2：for循环多用于遍历

var arr = [1,3,5,8,9,"hello"]
            for(var i=0; i<arr.length;i++){
                console.log(arr[i])
            }

 

for循环注意点：
    是否满足条件（如果不满足代码一次不执行）
    是否有结束条件（如果没有，就是一个死循环）
    浏览15秒还没反应过来，就会崩溃
 

continue：

当循环continue关键字后，跳过该操作执行下一次

    for(var i =1 ;i<=5;i++){
            can = window.confirm("喝水不")
    if(!can){
        continue;}
        console.log("跑"+i+"圈")
            }

当点击取消时，跳过该次操作进行下次操作

 

 二.函数

定义函数
    function 名称（）{}
    函数就是一个可以重复执行的代码块

function add(){
            var sum = 0;
            for(let i =0;i<arguments.length;i++){
                sum+=arguments[i]
            }
            alert(sum)
         }

调用函数
    1.在js中直接调用  fun（）

    2.在html事件属性  《h1.οnclick=fun》

<p οnclick="f()">我是p1</p>

    function f(){
            alert("我是p1");
        }

点击p1即可调用

    3.dom1级事件注册  btn.onclick =fun

<button type="button">调用</button>

点击调用按钮即可调用

    4.dom2级事件注册  btn.addEventListener（“click”，fun）

    <p class="p2">我是p2</p>

 

 

    5.函数中调用函数 function play（）{ check（）  }

function play(){

alert("我是方法1")

}

 pre.addEventListener("click",function(){
        index --;
        play();
    })

三：函数的参数

 3.1   function say(name){  alert("我喜欢"+name)  }
    执行  say("小红")  name形参  ， 小红 实参
    参数列表：函数有个特殊变量arguments，类似数组的变量，存储函数传入参数列表

3.2  函数的默认参数
    当函数使用形参，没有传入实参，值是unfined
    定义一个参数默认值，没有传入实参的时候，默认使用这个参数，function play（name=“lili”）
    play（）没有传入实参，默认值  name=lili

function add(name="卡卡"){
            alert(`你好${name}`)
        }
        add("ss");//填入实参的时候调用显示实参
        add()//不传入实参 显示默认kaka

 

 3.3   函数的返回值
    用return 关键字可以定义函数返回值
    return后面的代码 函数不会执行的

 

 3.4

匿名函数
    没有名字的函数，在事件中注册   el.οnclick=function(){}
    当做回调函数  list.for.Each(function(item){}   )
    匿名函数自执行    
        (function(){.....})()
        !function(){......}()
    赋值给变量 var a=function(){....} 先声明后执行

自行调用：

(function(){alert("你好")})()