码迷,mamicode.com
首页 > 其他好文 > 详细

函数传参

时间:2020-01-20 19:26:44      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:对象   选项卡   har   选项   不同的   商品   主程序   htm   show   

参数=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

函数传参

标签:对象   选项卡   har   选项   不同的   商品   主程序   htm   show   

原文地址:https://www.cnblogs.com/tongguilin/p/12218846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!