jQuery $.proxy()

简介: 转载javascript/*** jQuery基础知识 proxy函数测试* http://stackoverflow.com/questions/4986329/understanding-proxy-in-jquery **/$(document).ready(function() { var objPerson = { na

转载

javascript

/**
* jQuery基础知识 proxy函数测试
* http://stackoverflow.com/questions/4986329/understanding-proxy-in-jquery 
**/

$(document).ready(function() {
    var objPerson = {
        name: "John Doe",
        age: 32,
        test: function() {
            $("p").html("Name: " + this.name + "<br> Age: " + this.age);
        }
    };

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

});

CSS

button {
    border: 1px solid #333;
    padding: 10px 15px;
    background: transparent;
}

html

<button class="proxy">Run test function with proxy</button>
<button class="normal">Run test function</button>
<p></p>

结论

点击class是proxy的按钮,可以出来name和age,normal则没有, $.proxy最终就是要保证你的function里面的this是你想要的

目录
相关文章
|
10天前
|
JavaScript 前端开发 API
jquery的一些方法
jquery的一些方法
7 1
|
9月前
|
JavaScript 前端开发 API
JQuery好用的方法
JQuery好用的方法
53 0
|
JavaScript
jquery中$.proxy及wrap()的使用
jquery中$.proxy及wrap()的使用
71 0
|
JavaScript 前端开发
JavaScript 之 Proxy
JavaScript 代理之 Proxy
111 0
JavaScript 之 Proxy
|
JavaScript 前端开发
|
JavaScript 前端开发 数据安全/隐私保护