$.proxy和$.extend

$.proxy用法详解

参考:https://www.cnblogs.com/alice626/p/6004864.html

jQuery中的$.proxy官方描述为:

描述:接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文语境。

官方API;

jQuery.proxy( function, context )

 function为执行的函数,content为函数的上下文this值会被设置成这个object对象


jQuery.proxy( context, name )

content 函数的上下文会被设置成这个object对象,name要执行的函数,次函数必须是content对象的属性、

var objPerson = {
        name: "obj",
        age: 32,
        test: function() {
            $("p").after("Name: " + this.name + "<br> Age: " + this.age);
        }
    }

    $("#btn").on("click", $.proxy(objPerson.test, objPerson))

点击按钮,输出:Name:obj  Age:32

objPerson.test表示上下文的方法,objPerson代表执行的上下文,例子中的this的上下文指的是objPerson

jQuery.extend()方法

$.extend( target [, object1 ] [, objectN ] )

jQuery.extend() 函数用于将object1,,objectN对象的内容合并到target目标对象。

posted @ 2019-08-05 13:42  zhaoyanhao  阅读(173)  评论(0编辑  收藏  举报