函数传参

参数=JS的数据类型(数字/字符串/布尔/函数/对象/未定义)

 

函数和对象作为对象传入

 

匿名函数传入:

 

function fn3(fn){

fn();

}

fn3(function(){

alert(1)

});

 

有名函数:

function fn4(){

alert(4)

};

fn3(fn4);

 

对象参数:

 

function fn5(w,d){

w.οnlοad=function(){

d.body.innerHTML=123;

};

}

传什么就用变量接收什么,是一一对应的关系

 

函数传参的应用,什么地方用到函数传参

 

function fn1(a){

if(typeof a==='number'&&a===1){

alert(a+20);

}else if(typepf a==='string'){

alert(a.charAt(a));

}else if(typepf a==='function'){

a();

};

}

fn(100);//120

fn('miaov');//a

fn(function(){alert(1)})//2

 

 

同一个页面有很多个相同的效果可以用传参的形式做,可以重用一些代码

 

重用代码:

1.尽量保证HTML代码结构一致,可以通过父级选取子元素;

2.把核心主程序实现,用函数包起来;

3.把每组里不同的值找出来,通过传参实现;

 

===========================================================================================================

作业:

 

统计商品件数价格:http://sandbox.runjs.cn/show/xh4iiwzl

 

多行文本编辑:http://sandbox.runjs.cn/show/vcnq5jka

 

多个选项卡切换:http://sandbox.runjs.cn/show/u1vx6ohl

posted @ 2020-01-20 17:40  珍惜缘份  阅读(153)  评论(0编辑  收藏  举报