<!-- $.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. Zuul【基础配置】

    概述:zuul底层是基于servlet,是由一系列的filter链构成. 1.路由配置 a.单例serverId映射 zuul: routes: client-a: path: /client/** ...

  2. （零）linux 学习 -- 从 shell 开始

    The Linux Command Line 读书笔记 - 部分内容来自 http://billie66.github.io/TLCL/book/chap02.html 文章目录 前言 什么是 she ...

  3. C++根据用户输入打印对应的金层塔层数

    #include <iostream> #include <Windows.h> using namespace std; int main(void) { int row; ...

  4. C++中的构造函数与析构函数及组合类的调用

    // 构造函数与析构函数及类的组合 #include "stdafx.h"#include <iostream>using namespace std; //枚举enu ...

  5. 《Java Web开发实战》——Java工程师必备干货教材

    一年一度毕业季,又到了简历.offer漫天飞,失望与希望并存的时节.在IT行业,高校毕业生求职时,面临的第一道门槛就是技能与经验的考验,但学校往往更注重学生的理论知识,忽略了对学生实践能力的培养,因而 ...

  6. Spring Cloud Alibaba学习笔记（8） - RocketMQ术语与概念

    Topic 一类消息的集合,RocketMQ的基本订阅单位 部署结构 Name Server Name Server 为 producer 和 consumer 提供路由信息. 相对来说,namese ...

  7. ECMAScript5面向对象技术(2)--函数

    在JavaScript中,函数其实就是对象.使函数不同于其他对象的决定性特点是函数存在一个被称为[[Call]]的内部属性.内部属性无法通过代码访问而是定义了代码执行时的行为.ECMAScript为J ...

  8. 【已解决】老型号电脑需要按F1键才能进入系统

    [已解决]老型号电脑需要按F1键才能进入系统 本文作者:天析 作者邮箱:2200475850@qq.com 发布时间: Tue, 16 Jul 2019 20:49:00 +0800 问题描述:电脑因 ...

  9. input 框自动检测输入是否为数字

    最近做一个公众号,我这个菜鸡不得不学习很多东西,谁让老师要我一个人做这个项目呢? 好,进入正题,因为菜,所以很菜,但是百度很厉害啊,谁让我不好意思问老师,而且我也觉得问这么小的问题,太难以启齿.. 因 ...

  10. C++——inline function

    前言 当代码写复杂后,一定会封装出大量的函数,这会导致两个问题: ①函数越多,栈的消耗也越厉害 疑问:为什么代码复杂了.函数变多了,栈消耗的就很厉害? 答:因为这会导致函数的调用深度可能会很深,比如: ...