请问这段js代码是什么意思
JScript code
Function.prototype.overloadSetter = function(usePlural){
var self = this;
return function(a, b){
if (a == null) return this;
if (usePlural || typeof a != 'string'){
for (var k in a) {
self.call(this, k, a[k]);
}
} else {
self.call(this, a, b);
}
return this;
};
};
[color=#FF0000]Function.prototype.extend = function(key, value){
this[key] = value;
}.overloadSetter();[/color]
function x() {
}
x.extend('a',1);
这段JS不知道是什么意思,当我执行x.extend('a',1)的时候,为什么
function(a, b)接收到的参数就是a和1呢,麻烦哪位解释一下?谢谢了!
------解决方案--------------------先看这一句
Function.prototype.extend = function(key, value){
this[key] = value;
}.overloadSetter();
这句相当于
Function.prototype.extend = function(key, value){
function(a, b){
if (a == null) return this;
if (usePlural || typeof a != 'string'){
for (var k in a) {
self.call(this, k, a[k]);
}
} else {
self.call(this, a, b);
}
return this;
};
}
当执行这句x.extend('a',1);时
就会执行这句this[key] = value;
即this.a = 1;
------解决方案--------------------
楼主,我测试了一下。。
并且网上找到
该解释
2.在javascript中有一个Function对象,所有自定义的函数都是Function对象类型的。Function对象接受的所有参数都是字符串类型的,其中最后一个参数就是要执行的函数体,而前面的参数则是函数真正需要接受的参数。
如:
var add = new Function("number","number1","alert(number+number1)");
var add = new Function("number","alert(number+10)");
等价于:
function add(number,number1){
alert(number+number1);
}
function add(number){
alert(number+10);
}
也等价于:
var add =function add(number,number1){
alert(number+number1);
}
var add = function(number){
alert(number+10);
}
所有自定义的函数都是Function类型的实例
Function.prototype.extend = function(key, value){
this[key] = value;
}.overloadSetter();
这句话是对Function类的原型增加定义一个extend函数,该函数是通过一个匿名函数调用overloadSetter方法
所以实际上extend函数实体是(这里之所以能调用overloadSetter方法,同样道理,因为匿名函数的构造函数是Function,也就是Function类的实例化对象,所以匿名函数可以调用该类的方法overloadSetter,该方法的定义就是第一行代码了)
并且其中的self参数是匿名函数: function(key, value){
this[key] = value;
}
function(a, b){
if (a == null) return this;
if (usePlural || typeof a != 'string'){
for (var k in a) {
self.call(this, k, a[k]);
}
} else {
self.call(this, a, b);
}
return this;
};
因此最后x.extend('a',1);表示调用x对象的所属类(Function)的方法extend 也就是上面说过的匿名函数
function(a, b){
if (a == null) return this;
if (usePlural || typeof a != 'string'){
for (var k in a) {
self.call(this, k, a[k]);
}
} else {
self.call(this, a, b);
}
return this;
};
所以这时候的this对象就是x本身了,并且上面说过self是指的匿名函数
function(key, value){
this[key] = value;
}
因此最后调用完成后的结果是对x对象增加一个属性名字为'a',值为1。
------解决方案--------------------
我把最后一部分分解成几个块,相信你会明白