<!-- $.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. RS232标准与TTL/COM小常识

    1.TTL电平标准 输出 L: <0.8V : H:>2.4V. 输入 L: <1.2V : H:>2.0V 2.CMOS电平标准 输出 L: <0.1*Vcc : H: ...

  2. （一）构建基于ubuntu docker MySQL 5.6 镜像并推送到Docker Hub

    一,创建目录二,文件准备三,构建四,使用五,在宿主机上连接docker 中的mysql六,推送镜像到Docker hub 一,创建目录 mkdir -p mysql/5.6 二,文件准备 注意执行脚本 ...

  3. 【HC89S003F4开发板】 6crc校验

    HC89S003F4开发板crc校验 前言 第一次用有带crc的mcu 使用资料自带的demo @实现效果 通过PC向MCU发送5个8位数据,MCU返回CRC校验值 void main() { /** ...

  4. ReflectionTest:由输入的类名得到类的信息

    package reflection; import java.lang.reflect.*; import java.util.*; public class ReflectionTest { pu ...

  5. web开发工具flask中文英文书籍-持续更新

    web开发工具flask中文英文书籍-持续更新 python测试开发_AI命理关注 0.9222018.11.10 07:48:43字数 625阅读 885 python测试开发项目实战-目录 pyt ...

  6. MVC自定定义扩展点之ActionNameSelectorAttribute+ActionFilterAttribute 在浏览器中打开pdf文档

    仅仅演示 了ASP.MVC 5 下为了在在浏览器中打开pdf文档的实现方式之一,借此理解下自定义ActionNameSelectorAttribute+ActionFilterAttribute 类的 ...

  7. C#-Parallel

    using System; using System.Collections.Concurrent; using System.Collections.Generic; using System.Li ...

  8. vue-cli项目开发运行时内存暴涨卡死电脑

    最近开发一个vue项目时遇到电脑卡死问题,突然间系统就非常卡,然后卡着卡着就死机了,鼠标也动不了了,只能冷启动.而且因为是突然卡死,没来得及打开任务管理器. 最开始以为是硬盘的问题,但是在卡死几次后, ...

  9. Nginx 安装 和 特性介绍

    一:nginx 环境搭建 四项确认 确认系统网络可通行 确认yum可用 确认关闭iptables规则 确认停用selinux 查看iptables规则 iptables -L 关闭iptables规则 ...

  10. nginx 默认配置语法和日志的format

    nginx 默认配置 查看有nginx哪些默认配置文件,打开/etc/nginx/nginx.conf文件,查看尾行部分 会默认将/etc/nginx/conf.d/文件下其他以.conf结尾的配置文 ...