简析 createDelegate

最新推荐文章于 2017-10-23 22:03:37 发布
最新推荐文章于 2017-10-23 22:03:37 发布
阅读量120 收藏
点赞数
分类专栏： EXT 文章标签： EXT JavaScript prototype XHTML C ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kalogen/article/details/83732620
版权

关于回调函数指定参数问题，由来已久，extjs简洁优雅完美的解决了这个问题，今天来学习一下（不推荐 createCallback ）

 

 

createDelegate ( [Object obj ] , [Array args ] , [Boolean/Number appendArgs ]  ) : Function



返回一个函数， 这个函数调用原函数，原函数中的this指向obj ，关于这个函数的参数由 appendArgs 指定 ：

如 function2=function1.createDelegate(obj,args,appendArgs);

function2 call function1 ,function1 中的 this == obj

1. appendArgs falsy

那么 调用 function2时传的参数被忽略，args数组参数作为function1的参数运行。

2. appendArgs === true

那么 调用 function2时传的参数放在args数组前面合成一个新的数组，作为function1的参数运行。

3.typeof appendArgs == 'Number'

假设 调用 function2时传的参数 为 array1 (注意要 slice 为 真正的 Array)
那么将 args 数组插入到 array1 的指定 appendArgs位置 （利用 splice( appendArgs,0 )）
然后再把最终数组 作为function1的参数运行。


示例使用代码：

Html代码 复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">  
  4. <head>  
  5. <title>createDelegate测试</title>  
  6.   
  7. <script type="text/javascript" src="javascript/ext-base.js"></script>  
  8. <script type="text/javascript" src="javascript/ext-core.js"></script>  
  9.   
  10.   
  11.   
  12. <script type="text/javascript">  
  13. //<![CDATA[  
  14.  
  15. Ext.onReady(function() {  
  16.     function action_ba(info) {  
  17.         alert(this.dom.innerHTML);  
  18.         alert(info);  
  19.     }  
  20.       
  21.     function action_bb(e,this_,o,info) {  
  22.         alert(this.dom.innerHTML);  
  23.         alert(e.type+'  '+info);  
  24.     }  
  25.       
  26.     function action_bc(info,e) {  
  27.         alert(this.dom.innerHTML);  
  28.         alert(info +'  '+e.type);  
  29.     }  
  30.       
  31.     Ext.get('action_a').on('click',action_ba.createDelegate(Ext.get('action_a'),['自定义参数覆盖event系列参数']));  
  32.  
  33.     Ext.get('action_b').on('click',action_bb.createDelegate(Ext.get('action_b'),['自定义参数在最后'],true));  
  34.       
  35.     Ext.get('action_c').on('click',action_bc.createDelegate(Ext.get('action_c'),['自定义参数在第一位'],0));  
  36.          
  37. });  
  38. //]]>  
  39.   
  40. </script>  
  41.   
  42. </head>  
  43. <body>  
  44.   
  45. <button id='action_a'> 测试覆盖参数</button>  
  46. <button id='action_b'> 测试添加参数</button>  
  47. <button id='action_c'> 测试插入参数</button>  
  48.   
  49.   
  50.   
  51.   
  52.   
  53.   
  54.   
  55. </body>  
  56. </html>   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>createDelegate测试</title>

<script type="text/javascript" src="javascript/ext-base.js"></script>
<script type="text/javascript" src="javascript/ext-core.js"></script>



<script type="text/javascript">
//<![CDATA[

Ext.onReady(function() {
	function action_ba(info) {
		alert(this.dom.innerHTML);
		alert(info);
	}
	
	function action_bb(e,this_,o,info) {
		alert(this.dom.innerHTML);
		alert(e.type+'  '+info);
	}
	
	function action_bc(info,e) {
		alert(this.dom.innerHTML);
		alert(info +'  '+e.type);
	}
	
	Ext.get('action_a').on('click',action_ba.createDelegate(Ext.get('action_a'),['自定义参数覆盖event系列参数']));

	Ext.get('action_b').on('click',action_bb.createDelegate(Ext.get('action_b'),['自定义参数在最后'],true));
	
	Ext.get('action_c').on('click',action_bc.createDelegate(Ext.get('action_c'),['自定义参数在第一位'],0));
       
});
//]]>

</script>

</head>
<body>

<button id='action_a'> 测试覆盖参数</button>
<button id='action_b'> 测试添加参数</button>
<button id='action_c'> 测试插入参数</button>







</body>
</html>
 
附录：Extjs 实现代码

Js代码 复制代码
  1. Function.prototype.createDelegate = function(obj, args, appendArgs){   
  2.         var method = this;   
  3.         return function() {   
  4.             var callArgs = args || arguments;   
  5.             if(appendArgs === true){   
  6.                 callArgs = Array.prototype.slice.call(arguments, 0);   
  7.                 callArgs = callArgs.concat(args);   
  8.             }else if(typeof appendArgs == "number"){   
  9.                 callArgs = Array.prototype.slice.call(arguments, 0);    
  10. // copy arguments first   
  11.                 var applyArgs = [appendArgs, 0].concat(args);    
  12. // create method call params   
  13.                 Array.prototype.splice.apply(callArgs, applyArgs);    
  14. // splice them in   
  15.             }   
  16.             return method.apply(obj || window, callArgs);   
  17.         };   
  18.     }  
Function.prototype.createDelegate = function(obj, args, appendArgs){
        var method = this;
        return function() {
            var callArgs = args || arguments;
            if(appendArgs === true){
                callArgs = Array.prototype.slice.call(arguments, 0);
                callArgs = callArgs.concat(args);
            }else if(typeof appendArgs == "number"){
                callArgs = Array.prototype.slice.call(arguments, 0); 
// copy arguments first
                var applyArgs = [appendArgs, 0].concat(args); 
// create method call params
                Array.prototype.splice.apply(callArgs, applyArgs); 
// splice them in
            }
            return method.apply(obj || window, callArgs);
        };
    }
 
kalogen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈.NET反射机制的性能优化 附实例下载
10-28
使用`Delegate.CreateDelegate()`方法可以将反射获取的方法转换为委托，从而在后续调用中避免反射的开销。在上面的代码示例中，我们创建了一个`AddMethod`委托，然后将其绑定到`TestObject`实例的`Add`方法上。这样...
ext 中的createDelegate函数
okkeqin的专栏
12-31 1410
使用createDelegate()方法来创建代理函数,从而改变当前函数中this的作用域 this.addForm.txtFolderPath.onTriggerClick = this.locateTreePath.createDelegate(this);
JavaScript 使用方括号（[]）引用对象的属性和方法 createDelegate
weixin_33694620的博客
01-15 153
在JavaScript中，每个对象可以看作是多个属性（方法）的集合，引用一个属性（方法）很简单，即：对象名.属性（方法）名除此之外，还可以用方括号的形式来引用：对象名[“属性（方法）名”]注意，这里的方法名和属性名是一个字符串，而非原先点号后面的标识符 var arr=new Array(); //为数组添加一个元素 arr[“push”](“abc”); //获得数组的长度 var...
extjs createDelegate(obj,args,appendArgs) 函数解析
xingtianyiyun的专栏
07-27 1315
方法目的：给指定函数（例中：funcion1） ：指定传进的参数值 (删除一些，增加一些，替换一些); 返回一个函数， 这个函数调用原函数，原函数中的this指向obj ，关于这个函数的参数由 appendArgs 指定 ： 如 function2=function1.createDelegate(obj,args,appendArgs); function2
Reflex-function-demo.zip_DEMO
09-21
9. **委托创建（Delegate.CreateDelegate）**：反射可以用于创建委托实例，将方法绑定到一个事件处理程序： ```csharp MethodInfo handlerMethod = myType.GetMethod("EventHandlerMethod"); Delegate ...
C#动态调用DLL并对目标函数传递参数
06-17
4. **创建委托（Delegate）**：由于C#是强类型语言，我们需要创建一个与目标函数签名匹配的委托类型，然后使用`Delegate.CreateDelegate`方法将其与`MethodInfo`关联。 ```csharp // 假设目标函数为无返回值，接受...
解剖ExtJS中的Function类中的createDelegate方法
EasyJS 一个简单的JS框架
03-14 542
所属类：Function createDelegate( [Object obj], [Array args], [Boolean/Number appendArgs] ) :这个函数的目的是创建委托。 功能：什么都不多说了。看例子 Ext.onReady(function(){ Ext.QuickTips.init() var myclass=new Object();
Ext3.1-createDelegate函数的委托
TOKYOQ
10-23 827
extJS createDelegate 分析
深入理解C#中的Delegate
12-31
在c#中，event与delegate是两个非常重要的概念。因为在Windows应用程序中，对事件的使用非常频繁，而事件的实现依赖于delegate。 下面是对网上一些比较好的关于delegage的资料的整理，以及自己的一些想法。 Delegate是什么？    Delegate中文翻译为“委托”。Msdn中对Delegate的解释如下：     C#中的委托类似于C或C++中的函数指针。使用委托使程序员可以将方法引用封装在委托对象内。然后可以将该委托对象传递给可调用所引用方法的代码，而不必在编译时知道将调用哪个方法。与C或C++中的函数指针不同，委托是面向对象、类型安全的，并且是安全的。
Function.createDelegate
my_earth的专栏
05-25 2398
Function.createDelegate(instance,method){}得到一个方法引用，执行它时则会调用method方法，并且保证method方法的上下文this引用为instanceFunction.createCallback(method,context)得到一个方法引用，执行它时则会调用method方法，并将context作为额外的参数传入      var obj =
Delegate.CreateDelegate 方法 创建指定类型的委托以表示指定的静态方法
ppkjjk1981的专栏
06-08 8915
下面的代码示例演示可以使用此 CreateDelegate 方法重载创建委托的两种方式。说明注意：    有两种 CreateDelegate 方法重载，它们指定 MethodInfo 但不指定第一个参数；其功能基本相同，不同之处在于一个允许您指定是否在绑定失败时引发异常，而另一个始终引发异常。此代码示例使用这两种重载。此示例声明一个 C 类和两个委托类型，前者包含一个静态方法 M2
调用方法的时候一定写好createDelegate，否则很悲剧的。
keqi24的专栏
04-03 321
如题！！！
[转]Function.createDelegate用法
weixin_30879169的博客
07-29 284
在作函数封装时，一个最常用的方法就是Function.createDelegate。函数签名为： Function.createDelegate(instance, method) 该方法会返回一个回调函数. 比如:fireAfter : function(seconds){ setTimeout(Function.createDelegate(this, this._timeo...
Extjs createDelegate 方法使用
Java 世界
06-07 178
关于Extjs 的 createDelegate我也接触不久。 我们自己写一个组件，使用继承时。我们会在继承中写： [code="js"] Ext.MyCmp = function(config){ Ext.apply(this,config); this.message = 'show message method run'; this.buttons = [...
Ext.data专题九：关于scope和createDelegate()
天将降大任于斯人也
01-30 2645
Ext.data专题九：关于scope和createDelegate()关于JavaScript中this的使用，这是一个由来已久的问题了。我们这里就不介绍它的发展历史了，只结合具体的例子，告诉大家可能会遇到什么问题，在遇到这些问题时EXT是如何解决的。在使用EXT时，最常碰到的就是使用Ajax回调函数时出现的问题，如下面的代码所示:现在的HTM
Extjs中createDelegate的作用
weixin_34314962的博客
09-13 184
2019独角兽企业重金招聘Python工程师标准>>> ...
Ext中的createdelegate()方法
鄒蠱
10-08 575
1.call是js自带的方法，长在Function对象上 function b(v){ alert(this.temp+" "+v); } b.call({temp:'abc'},'hello'); 第一个参数是给b function的this作用域赋值，后面那个是b 的参数 2.createDelegate()是Ext自己扩展的方法，同样是长在Function对象上...
C# eventhandler 帮助类
最新发布
05-31
C#中有一个名为`EventHandler<TEventArgs>`的泛型类，它是一个帮助类，用于创建事件处理程序的委托。它简化了事件处理程序的声明和定义，并提供了一种标准的方式来处理事件。 使用`EventHandler<TEventArgs>`类，可以轻松地定义和声明事件处理程序委托。例如： ``` public event EventHandler<CustomEventArgs> CustomEvent; ``` 上述代码中，`CustomEvent`是一个事件，`EventHandler<CustomEventArgs>`是一个委托类型，用于表示事件处理程序。`CustomEventArgs`是一个自定义的事件参数类型。 然后，可以定义一个方法来处理事件，例如： ``` private void HandleCustomEvent(object sender, CustomEventArgs e) { // 处理事件 } ``` 最后，可以使用`+=`运算符将事件处理程序添加到事件中，例如： ``` CustomEvent += HandleCustomEvent; ``` `EventHandler<TEventArgs>`类还定义了一个静态方法`CreateDelegate`，可以用于创建事件处理程序的委托。例如： ``` var handler = EventHandler<CustomEventArgs>.CreateDelegate( typeof(MyClass), "HandleCustomEvent", false); ``` 上述代码中，`MyClass`是包含`HandleCustomEvent`方法的类的类型。`CreateDelegate`方法返回一个委托，可以将其添加到事件中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值