Today, looking at << sharp jquery>> saw the use of proxy (), feeling very vague, looking for information everywhere.
jquery's source is not clear.
But finally understand the use of proxy;
Copy Code code as follows:
<input type= "button" value= "Test" id= "guobtn" name= "I am the name of the button"/>
Copy Code code as follows:
var obj = {
Name: "I am the name of obj",
Sayname:function () {
alert (this.name);
}
}
$ ("#guoBtn"). Click (obj.sayname); I'm the name of the button
What if I want to access the name of obj?
$ ("#guoBtn"). Click ($.proxy (Obj.sayname,obj));//"I am the name of obj"
$ ("#guoBtn"). Click ($.proxy (obj, "sayname")); "I am the name of obj"
It can be seen from the use of the above proxy (a,b) that his parameters are written in two ways.
The first: A is a function, B is the object owner of the function.
The second: A is an object, B is a string, and is the property name of a.
And this example is an example of a << sharp jquery>>.
Copy Code code as follows:
<div id= "Panel" style= "Display:none;" >
<button>Close</button>
</div>
Copy Code code as follows:
$ ("#panel"). FadeIn (function () {
$ ("#panel button"). Click (function () {
$ (this). Fadeout ();
});
});
The button disappeared, but the panel did not disappear. You can use proxy to solve this problem.
Copy Code code as follows:
$ ("#panel"). FadeIn (function () {
var obj = this;
$ ("#panel button"). Click ($.proxy () (function () {
$ (this). Fadeout ();
}, obj));
});
The Panel does not disappear after you click the button.
Personal feeling proxy is the most important way to modify the context object when the function is executed.
is the encapsulation on the basis of apply, so the proxy is our own apply to jquery.
