zoukankan      html  css  js  c++  java
  • 关于jQuery的$.proxy()应用.

    今天在看<<锋利的jQuery>>时看到了proxy()的使用,感觉很模糊,就到处找资料.

    jQuery的源码也没看明白.

    不过总算明白了proxy的用法了;

    1 <input  type="button" value="测试" id="guoBtn" name="我是按钮的name"/>
     1 var obj = {
     2                 name: "我是obj的name",
     3                 sayName: function () {
     4                     alert(this.name);
     5                 }
     6             }
     7 $("#guoBtn").click(obj.sayName); //我是按钮的name
     8 // 如果我想访问obj的name怎么办呢?  
     9 $("#guoBtn").click($.proxy(obj.sayName,obj));//"我是obj的name"
    10 $("#guoBtn").click($.proxy(obj, "sayName")); //"我是obj的name"

    从上面proxy(a,b)的用法可以看出他的参数有两种写法.

    第一种:a是一个function函数,b是这个函数的对象所有者.

    第二种:a是一个对象,b是一个字符串,是a的属性名.

    还有这个实例就是<<锋利的jQuery>>上的一个例子了.

    1 <div id="panel" style="display:none;">
    2     <button>Close</button>
    3 </div>
    1 $("#panel").fadeIn(function () {
    2        $("#panel button").click(function () {
    3            $(this).fadeOut();
    4           });
    5         });

    button虽然消失了,但是panel却没有消失.可以使用proxy来解决这个问题.

    1 $("#panel").fadeIn(function () {
    2                 var obj = this;
    3                 $("#panel button").click($.proxy(function () {
    4                     $(this).fadeOut();
    5                 }, obj));
    6             });

    这样单击按钮之后,panel才会消失.

    个人感觉proxy最主要就是用来修改函数执行时的上下文对象的.

    是在apply的基础上做的封装,所以说proxy就是我们jQuery自己的apply.

  • 相关阅读:
    特性和属性
    装箱和拆箱的问题(NET1.1+)
    poj 1013 Counterfeit Dollar(模拟)
    poj 3686 The Windy's( KM算法 )
    二分匹配(匈牙利算法)
    poj 3273 Monthly Expense(二分)
    poj 2115 C Looooops(扩展欧几里德)
    poj 2400 Supervisor, Supervisee
    poj 2195 Going Home (KM算法)
    poj 2513 Colored Sticks(trie树 + 并查集 + 欧拉图)
  • 原文地址:https://www.cnblogs.com/guoyansi19900907/p/3642557.html
Copyright © 2011-2022 走看看