<!-- $.proxy(fn,this,agrument);

proxy 代理 思考做酒的代理商
argument就是代理商 把fn所在的作用域对象的参数/属性 代理给fn执行。

 fn: 要被调用的已有的函数。

 this: fn函数所在的对象的名称。 就是 fn在哪里调用，this 就是指向那个作用域中的对象。

       说白了就是：fn 函数在哪个作用被调用，this就是指向谁。

 arg： 把fn函数所在的对象 this 的参数 传递给fn执行。

       arg 一定是 fn函数所在的对象this 里面的任何参数皆可。

  -->

 <!DOCTYPE html>

 <html lang="en">

 <head>

   <meta charset="UTF-8">

   <title>Document</title>

 </head>

 <body>

   <div id="panel" style="display:none;">

       <button class="close">消失</button>

   </div>

   <script src="js/jquery.js"></script>

   <script>

       /*$("#panel").fadeIn(3000,function () {

       　　$('.close').click(function () {

       　　　　$(this).fadeOut(); // 其实这里我想让 #panel 隐藏来着

       console.log($(this));

       　　});

       });

       $('#panel').click(function() {

       　　setTimeout(function() {

       　　　　$(this).addClass('aNewClass'); // 这个 this 根本就不对嘛

       console.log($(this));

       　　}, 1000);

       });*/

       $("#panel").fadeIn(function(){

         console.log(this);//指向 $('$panel')对象

           $('.close').click($.proxy(HidePanel, this));

           // 相比这个 $('.close').click(function(){HidePanel()}); 优美很多

       });

       function HidePanel() {

         //如果HidePanel这个函数单独调用，那么这里的this指向window

         //$(this).fadeOut(); 而这句话就会报错，因为window是无法执行fadeOut动画的。

         //这里不能单独执行，如果没有$(this).fadeOut();这句代码，那就可以执行。

         //该函数在哪个作用域中执行，这个this就指向谁。

         console.log(this);

           $(this).fadeOut();

       }

       $('#panel').click(function() {

       　　setTimeout(

               $.proxy(

                     function(e) {

                 　　　　 $(this).addClass('aNewClass');

                         for (var p in e) {

                           console.log(e);

                         }

             　　    },

                     this,

                     'woaini'),

           1000);

       });

       //单独执行函数HidePanel 会报错，函数中的this指向window，而window是无法执行fadeOut动画的

       // HidePanel();

   </script>

 </body>

 </html>

 ====================

 $(selector).proxy(context,name)

 function  要被调用的已有的函数。

 name      已有的函数，其上下文将被改变（应该是 context 对象的属性）。

           就是：不再执行整个function函数了，而是直接执行context。

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>菜鸟教程(runoob.com)</title>

 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

 </script>

 <script>

 $(document).ready(function(){

   var objPerson = {

     name: "John Doe",

     age: 32,

     test: function(){

       $("p").after("Name: " + this.name + "<br> Age: " + this.age);

     }

   };

   $("button").click($.proxy(objPerson,"test"));

 });

 </script>

 </head>

 <body>

 <button>执行 test 函数</button>

 <p></p>

 </body>

 </html>

 ============

 语法：$(selector).proxy(function,context)

 function   要被调用的已有的函数。

 context    函数所在的对象的名称。

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>菜鸟教程(runoob.com)</title>

 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

 </script>

 <script>

 $(document).ready(function(){

   test=function()

   {

     this.txt="这是一个对象属性";

     $("div").click($.proxy(this.myClick,this));

   };

   test.prototype.myClick = function(event)

   {

     alert(this.txt);

     alert(event.currentTarget.nodeName);

   };

   var x = new test();

 });

 </script>

 </head>

 <body>

 <div>这是一个 div 元素。</div>

 </body>

 </html>

关于 $.proxy(fn,context,arg) 方法的更多相关文章

  1. c# AOP编程:Context与方法拦截

    之前做AgentBooking时候,遇到两个问题比较棘手,一个是异常的传递与捕获:如何可以合理地在层层代码调用中统一传递并统一捕获异常.因为如果有一个做法,可以地方统一处理异常,可以使代码减少很多tr ...

  2. jQuery.proxy(function,context)

    jQuery.proxy(function,context) 概述 jQuery 1.4 新增.返回一个新函数,并且这个函数始终保持了特定的作用域.大理石平台检定规程 当有事件处理函数要附加到元素上, ...

  3. 实战CGLib系列之proxy篇(一)：方法拦截MethodInterceptor

    实战CGLib系列文章 本篇介绍通过MethodInterceptor和Enhancer实现一个动态代理. 一.首先说一下JDK中的动态代理: JDK中的动态代理是通过反射类Proxy以及Invoca ...

  4. Android 缓存目录 Context.getExternalFilesDir()和Context.getExternalCacheDir()方法

    一.基础知识 应用程序在运行的过程中如果需要向手机上保存数据,一般是把数据保存在SDcard中的.大部分应用是直接在SDCard的根目录下创建一个文件夹,然后把数据保存在该文件夹中.这样当该应用被卸载 ...

  5. Android获取全局Context的方法

    Android获取全局Context的方法 Android--应用全局获取Context - 超宇的博客 - CSDN博客https://blog.csdn.net/chaoyu168/article ...

  6. 【转】Context.getExternalFilesDir()和Context.getExternalCacheDir()方法

    应用程序在运行的过程中如果需要向手机上保存数据,一般是把数据保存在SDcard中的.大部分应用是直接在SDCard的根目录下创建一个文件夹,然后把数据保存在该文件夹中.这样当该应用被卸载后,这些数据还 ...

  7. QT学习之QString的arg方法

    在QT的QString中,arg方法类似于C中的printf中使用的格式输出符(只是有点类似). 在QT5的帮助文档中,可以看出以下几点: 使用arg(str1, str2, str3)这种方法进行替 ...

  8. QT之QString的arg方法

    转载.标记一下,总结的很好 转自 http://www.cnblogs.com/lomper/p/4135387.html 在QT的QString中,arg方法类似于C中的printf中使用的格式输出 ...

  9. Qt QString的arg()方法的使用

    1.QString的arg()方法用于填充字符串中的%1,%2...为给定的参数,如 QString m = tr("); // m = "12:60:60: 2.它还有另外一种重 ...

随机推荐

  1. JDBC缓冲池配置druid.properties

    driverClassName=com.mysql.jdbc.Driver url=jdbc:mysql://localhost:3306/mytest?characterEncoding=UTF-8 ...

  2. Scrapy框架1——简单使用

    一.设置与编写 打开cmd,选择好路径 1.创建项目scrapy startproject projectname d:\爬虫\11.scrapy>scrapy startproject tes ...

  3. 用selenium控制已打开的浏览器

    在使用selenium进行自动化测试会遇到,手工打开浏览器,做了一部分操作后,并打开相关页面后再执行相关的自动化脚本. 如何使用selenium来接管先前已打开的浏览器呢?醍提出一个Google Ch ...

  4. 网络地址转换（NAT）

    NAT是解决ipv4地址短缺的方案之一 NAT是将位于子网中的主机与外网连通,子网中所有的主机都可以通过路由器的网络地址转换访问外网.对于外网来说该路由器相当于一台完整的主机,子网内所有主机对外网的访 ...

  5. C++ 异步编程：Boost.Asio

    Boost.Asio 是一个用于网络和低级 I/O 编程的跨平台 C++ 库,它使用现代 C++ 方法为开发人员提供一致的异步模型 一个异步使用计时器的样例 #include <iostream ...

  6. 手动编译ts的经过

    动机 以前写ts或者es6,都是用在脚手架搭建的项目中,比如vue和react,当时当我识图写一个ts的demo的,我还要创建一个完整的vue或者react项目?明显不合适,那就要研究一下如何手动搭建 ...

  7. 开源微信小程序商城测评

    1. Java版 1)微同商城 减少重复造轮子,开源微信小程序商城 .快速搭建一个属于自己的微信小程序商城. 官网地址:https://fly2you.cn 开源地址:https://gitee.co ...

  8. Django 报错总结

    报错: AttributeError: 'NoneType' object has no attribute 'split' 最近在写网站中遇到一个问题,就是题目上所写的:AttributeError ...

  9. cmake用法及常用命令总结（全）

    CMakeLists.txt 的语法比较简单,由命令.注释和空格组成,其中命令是不区分大小写的.指令是大小写无关的,参数和变量是大小写相关的.但推荐全部使用大写指令.符号 # 后面的内容被认为是注释. ...

  10. 在Windows上安装Redis

    微软官网源码 https://github.com/MicrosoftArchive/redis 这里介绍安装Signed binaries版本 使用Chocolatey(Windows包管理工具)安 ...