【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

原文地址:https://www.cnblogs.com/chen7/p/4932296.html