在前端开发中，我们常常需要处理页面上各种事件，例如用户的点击、滚动、输入等等，而使用 jQuery 的 proxy() 方法可以让我们在处理这些事件时更加方便灵活。
美元符号与代理模式
在介绍 proxy() 方法之前，先来了解一下美元符号（$）和代理模式的概念。
美元符号是 jQuery 中的一个全局变量，它是一个函数，可以接受一个选择器字符串或 DOM 元素作为参数，返回一个 jQuery 对象，用于操作页面上的元素。
代理模式是一种设计模式，它可以在不改变原有代码的情况下增强对象的功能。在 JavaScript 中，我们可以使用代理模式来处理事件的绑定和触发。
proxy() 方法的基本使用
proxy() 方法的基本语法如下：
jQuery.proxy(function, context);
其中，function 是要执行的函数，context 是执行函数时的上下文。
使用 proxy() 方法可以将函数的上下文绑定到指定的对象上，使得函数内部的 this 关键字指向该对象。
下面是一个简单的示例，演示了如何使用 proxy() 方法来改变函数的上下文：
var obj = {
name: '张三',
sayHi: function () {
console.log('你好，我的名字是', this.name);
}
};
$('button').click($.proxy(obj.sayHi, obj));在这个例子中，我们创建了一个对象 obj，它有一个名为 sayHi 的方法。当用户点击页面上的按钮时，会调用 jQuery 提供的 click() 方法，并将 obj.sayHi 函数作为回调函数传入，使用 proxy() 方法将函数的上下文绑定到 obj 对象上。因此，当用户点击按钮时，会输出类似于“你好，我的名字是张三”的信息。
proxy() 方法的高级用法
除了基本用法之外，proxy() 方法还有一些高级用法，可以让我们更加灵活地处理事件。
延迟执行
有些情况下，我们希望延迟执行某个函数，以便在执行前进行一些预处理操作。例如，在用户向输入框输入文字时，我们希望等待用户停止输入一段时间后再进行搜索操作，以避免频繁向服务器发送请求。
使用 proxy() 方法可以轻松实现延迟执行，示例代码如下：
-- -------------------- ---- -------
--- ----- - -----
---------------------- ---------------- -- -
-- ------- -
--------------------
-
----- - ------------------------------- ------ -----
-- -
------- -------- -- -
--------------------
-
----在这个例子中，我们首先定义了一个计时器变量 timer，然后在输入框的 input 事件中，使用 proxy() 方法将一个匿名函数和一个对象绑定到一起。当用户输入文字时，会调用该匿名函数，此时会检查计时器变量是否存在，如果存在则清除计时器，然后使用 setTimeout() 方法延迟执行 search 函数。
在 proxy() 方法中，我们将包含 search 函数的对象作为第二个参数传入，这样在 search 函数中，this 关键字就指向了该对象。
动态绑定参数
有些情况下，我们需要动态地将参数传递给回调函数，例如在处理表单提交时，需要将表单数据作为参数传递给回调函数。
使用 proxy() 方法可以轻松实现动态绑定参数，示例代码如下：
var formData = {
username: '张三',
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/9587) ，转载请注明来源
[https://www.javascriptcn.com/post/9587](https://www.javascriptcn.com/post/9587)