var point = {
x : 0,
y : 0,
moveTo : function(x, y) {
// 内部函数
var moveX = function(x) {
this.x = x;//this 绑定到了哪里?
};
// 内部函数
var moveY = function(y) {
this.y = y;//this 绑定到了哪里?
};
moveX(x);
moveY(y);
}
};
point.moveTo(1, 1);
point.x; //==>0
point.y; //==>0
x; //==>1
y; //==>1
就是point对象,你用的是哪个就代表哪个
moveTo : function(x, y) {
// 内部函数
var moveX = function(x) { //这个函数相当于闭包的概念
this.x = x;//this 绑定到了哪里?
};
// 内部函数
var moveY = function(y) {
this.y = y;//this 绑定到了哪里?
};
moveX(x); //这里调用的时候前面是没有对象的,所以该函数内部如果有this,是指window,不是Point
moveY(y);
}
};
如果要执行当前对象,则需要改一下
moveTo : function(x, y) {
// 内部函数
this.moveX = function(x) { //加载this后如果是对象调用moveTo方法,则this指向调用的对象,也就不存在全局变量x了
this.x = x;//this 绑定到了哪里?
};
// 内部函数
this.moveY = function(y) {
this.y = y;//this 绑定到了哪里?
};
this.moveX(x);
this.moveY(y);
}
};
this.y的绑定问题 指的是本页面的y
那样调用内部的moveX和moveY,this指向的是window对象,并不是point。除非用call/apply改为this的指向
moveX.call(this,x);
moveY.call(this,y);