问题描述

javascript中关于this的绑定问题

 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

解决方案

javascript使用bind()函数绑定this
JavaScript的三种this指向问题
绑定到异步的ObservableCollection [This type of CollectionView does not support changes to its SourceColl]

解决方案二：

就是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);