【Miaov】JS5-函数传参
函数传参
参数=JS的数据类型(数字/字符串/布尔/函数/对象/未定义)
函数和对象作为对象传入
匿名函数传入:
function fn3(fn){
fn();
}
fn3(function(){
alert(1)
});
有名函数:
function fn4(){
alert(4)
};
fn3(fn4);
对象参数:
function fn5(w,d){
w.onload=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