一.$.proxy()
1，this的作用域
$('#abc').click(function(){ //f1
console.log($(this).html()); //作用范围f1,console.log有值
$.ajax({
url: '1.php',
type: "get",
success:function() //f2
{
console.log($(this).html()); //作用范围f2,console.log为null
}//f2
})
}); //f1
第二个console.log没值的原因是，this被重新定义了。如果要使用第二个console.log有值，可以这样，也是最常用的方法：
$('#abc').click(function(){ //f1
console.log($(this).html()); //作用范围f1,console.log有值
var that=this;
$.ajax({
url: '1.php',
type: "get",
success:function() //f2
{
console.log($(that).html()); //作用范围f2,console.log有值
}//f2
})
}); //f1
2，$.proxy传值
function test(){
this.msg='this is test';
this.onclick = function(){
$('#abc').click(function(){
this.getData(); //报错，getData没有定义
})
}
this.onclick1 = function(){
$('#abc').click($.proxy(this.getData,this)); //$.proxy的二个参数，第一个方法，第二个对像
}
this.onclick2 = function(){
$('#abc').click($.proxy(this,"getData")); //$.proxy二个参数，第一个对像，第二个方法名 }
this.getData=function(){
console.log(this.msg);
} }
//调用方法如下
new test().onclick();
new test().onclick1();
new test().onclick2();
onclick：报错是因为this作用域的问题，this作用域内，没有getData方法，所以报错。
onclick1和onclick2是一样的，只不过是写法不一样，传的参数不一样而已。
2.$extend()
连接合并
//将hello方法合并到jquery全局对象中去
$.extend({
hello:function(){console.log('hello');}
});
//将hello方法合并到jquery实例化对象中
$.fn.extend({
hello:function(){console.log('hello');}
});
//另外方法
$.fn.hello=function(){console.log('hello');}
//也就是将"{}"作为dest参数。
var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"});
//合并后结果
result={name:"Jerry",age:21,sex:"Boy"}
//深度合并
var obj1={name:'wz',love:'game', son:{name:'p1',love:'game2'}};
var obj2={name:'zcy',age:22,son:{name:'p2',age:1}};
var finalObj=$.extend(false,{},obj1,obj2);//设置 false或者无
//var finalObj=$.extend({},obj1,obj2);
console.log(JSON.stringify(finalObj));//
{"name":"zcy","love":"game","son":{"name":"p2","age":1},"age":22}
//为true 深度合并：
{"name":"zcy","love":"game","son":{"name":"p2","love":"game2","age":1},"age":22}
//如果有多个对象？
var obj1={name:'wz',love:'game', son:{name:'s1',love:'game2'}};
var obj2={name:'zcy',age:22,son:{name:'s2',age:1}};
var obj3={name:'zzz',son:{name:'s3',hight:180},gril:{name:'g3',age:0,love:'KKK'}}
var finalObj=$.extend(false,{},obj1,obj2,obj3);//设置 false或者无
console.log(JSON.stringify(finalObj));
{"name":"zzz","love":"game","son":{"name":"s3","hight":180},"age":22,"gril":{"name":"g3","age":0,"love":"KKK"}}
//true 深度合并:
{"name":"zzz","love":"game","son":{"name":"s3","love":"game2","age":1,"hight":180},"age":22,"gril":{"name":"g3","age":0,"love":"KKK"}}
//总结：就是依次往后合并
3.arguments
在js中 不需要明确指出参数名，就能访问它们，例如：
function test() {
var s = "";
for (var i = 0; i < arguments.length; i++) {
alert(arguments[i]);
s += arguments[i] + ",";
}
return s;
}
test("name", "age")
输出结果：
name,age
arguments里包含了callee属性,callee 属性的初始值就是正被执行的 Function 对象，这允许匿名的递归函数。
var factorial = function (n) {
if (1 == n) {
return 1;
} else {
return n * arguments.callee(n - 1);
}
}
console.log(factorial(5));//5的阶乘120
//做一个比较有意思的实验:
var stop=0;
function test(){
jsonLog(arguments);
if(stop>0)return;
stop++;
arguments.callee('p2',{name:'wz',age:23});
jsonLog(arguments);
}
test("p1",{name:'zcy'});
//输出:
{"0":"p1","1":{"name":"zcy"}}
{"0":"p2","1":{"name":"wz","age":23}}//递归输出
{"0":"p1","1":{"name":"zcy"}}
4.trigger()、$.Event()
触发 input 元素的 select 事件：
$("button").click(function(){
$("input").trigger("select");
});
高级用法配合$.Event();
//监听事件
$("#testButton").on('fly',function(event,params){
console.log("fly 回调");
console.log(event);
//r.Event...
console.log(JSON.stringify(params));
//{"name":"wz","option":{"programing":"js"}}
});
var e=$.Event("fly");//定义事件
$("#testButton").trigger(e,{name:'wz',option:{programing:'js'}});//触发事件
