函数传参
函数传递参数
参数=js的数据类型:字符串、数字、布尔值、函数、对象、未定义
//函数作为参数 //匿名函数 fn1(function(a){alert(a);}); function fn1(fn){ fn(100); } //有名字的函数 function fn2(){ alert(4); } fn1(fn2); function fn1(fn){ fn(); } //对象作为参数 fn5(window,document); functin fn3(w,d){ w.onload=function(){ d.body.innerHTML=123; } }
传参简单应用
1.判断参数类型
fn(100); fn("你好"); fn(function(){alert("1");}) function fn(a){ if(typeof a=="number"&&a==a){ alert(a+200); }else if(typeof a=="string"){ alert(a.charAt(0)); }else if(typeof a=="function"){ a(); } }
2.页面中功能一样的地方可以通过函数传参的方法进行js代码封装重用
重用代码注意事项:
(1)尽量保证HTML代码结构一致,可以通过父级选取子元素
(2)把核心的主程序实现,用函数包起来
(3)把每组里不同的值找出来,通过传参实现