js中的this关键字

一个网页编程的例子

<input type="text" name="age" size=3 onChange="validate(this,18,99);">

<script>
function validate(obj,lowval,hival){
if((obj.value < lowval) || (obj.value > hival))
  console.log('Invalid Value!');
  }
</script>

上面代码是一个文本输入框，每当用户输入一个值，就会调用onChange回调函数，验证这个值是否存在指定范围。浏览器会像回调函数传入当前对象，因此this就代表传入当前对象（即文本框），然后就可以从this.value上面读到用户的输入值。
即js语言中，一切皆对象，运行环境也是对象，所以函数都是在某个对象之中运行，this就是函数运行时所在的对象（环境）。this的指向是动态的，没有办法事先确定到底是哪个对象。

在函数体内部，指代函数当前的运行环境

var f = function(){
  console.log(this.x);
  }

上面的代码中，函数体里面的this.x就是指当前运行环境的x。

var f = function(){
  console.log(this.x);
  }
var x = 1;
var obj = {
f: f,
x: x,
};

//单独执行
f() //1

//obj环境运行
obj.f() //2

上面代码中，函数f在全局环境执行，this.x是指向全局环境的x；在obj环境执行，this.x指向obj.x。

全局环境使用this，它指向就是顶层对象window

this == window // true

function f(){
 console.log(this == window);
 }
 f() // true

不管是不是在函数内部，只要是在全局环境下运行，this就是指向顶层对象window