首页 » JavaScript » js 回调函数 3种用法

js 回调函数 3种用法

原文 http://blog.csdn.net/zhuwang219/article/details/78981123

2018-01-06 02:00:07阅读(624)

js 回调函数大致有以下三种用法
1,直接回调
2,call回调
3,apply回调
回调函数作用得当,减少代码冗余,代码可读性增强,代码维护也轻松很多。


什么要用到回调函数呢?
当有很多地方需要调用同一个函数,并且这一函数根据不同的需要,作不同的处理,这个时候用回调函数就特别合适了。


一,直接回调

function son () {  
 alert('tank test');  
}  
  
function son1 () {  
 alert('tank test1');  
}  
  
function father (callback) {   //公共函数  
 callback();  
 callback.call();  
}  
  
father(son);      //传son,回调son函数  
father(son1);     //传son1函数,回调son1函数

在不传参数的情况下,callback(),callback.call()功能是一样的。


二,call和apply回调
1,call和apply区别

call([thisObj[,arg1[, arg2[, [,.argN]]]]])   
  
apply([thisObj[,argArray]])

call和apply基本上差不多,只是语法上面的不同。thisobj能继承并替换目标函数中的this对象,下面会实例说明。

2,方法类中回调

function son(name){  
   this.sonName = name;  
   this.showSonName = function(){  
       alert(this.sonName);       //弹出tank  
       alert(this.fatherName);    //弹出father,这是父级中的属性,有没有php extends的感觉  
   }  
}        
  
function father(name){  
   this.fatherName = 'father';  
   this.showFatherName = function(_callback){  
       _callback = eval(_callback);  
       _callback.call(this,name);  
       //_callback.apply(this,Array(name));  
   }  
}        
  
var fa = new father("tank");  
fa.showFatherName('son');     //传字符串的时候,使用回调的时候,要用eval转换一下  
fa.showSonName();

使用call进行回调的时候,call中的this方法,会继承son的方法,并替换


3,域中回调

var son = {  
   name:"son",  
   getname:function(name){  
       this.fathername();    //弹father  
       this.name=name;  
       alert(this.name);     //弹tank  
   }  
}  
  
var father = {  
   init:function(_callback,name){  
       _callback = eval(_callback);  
       _callback.apply(this,Array('tank'));  
   },  
   fathername:function(){  
       alert('father');  
   }  
}  
  
father.init('son.getname');

使用apply进行回调的时候,apply中的this方法,会继承son的方法,并替换


最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹