js中的this对象

js中的this总会指向一个对象，具体是哪个对象就由运行时函数的执行环境而决定了。
在实际应用中，this的常用指向大致为4种：

1. 作为对象的方法调用

函数作为对象的方法被调用时，this指向该对象

var obj = {
  a: 1,
  getA: function() {
    alert(this===obj);
    alert(this.a);
  }
}

obj.getA(); // 输出：1

2. 作为普通函数调用

函数作为普通函数方式被调用时，this指向全局对象，即window对象。

window.name = 'global';
var myObj = {
  name: 'func',
  getName: function() {
    return this.name;
  }
}

var getName = myObj.getName;
console.log(getName()); // 输出：global

3. 构造器调用

new运算符使得构造器看起来更像一个类。当用new运算符调用函数时， 该函数总会返回一个对象，通常情况下this就指向返回的这个对象。例如：

window.name = 'aaa';
var myObj = function(){
  this.name = 'bbb';
}

var obj = new myObj();
alert(obj.name); // 输出：bbb

但是如果构造器显式地返回了一个object类型的对象，那么运算结果最终会返回这个对象。

window.name = 'aaa';
var myObj = function(){
  this.name = 'bbb';
  return {
    name: 'ccc'
  }
}

var obj = new myObj();
alert(obj.name); // 输出：ccc

或者：

window.name = 'aaa';
var myObj = function(){
  this.name = 'bbb';
  var anotherName = {
    name: 'ccc'
  }
  return anotherName;
}

var obj = new myObj();
alert(obj.name); // 输出：ccc

4. Function.prototype.call或者Function.prototype.apply调用

用call或者apply可以动态改变传入函数的this

var obj1 = {
  name: 'aaa',
  getName: function() {
    return this.name;
  }
}

var obj2 = {
  name: 'bbb'
}

console.log(obj1.getName()); // 输出：aaa
console.log(obj2.getName.call(obj2)); // 输出：bbb

或者：

 var obj1 = {
 name: 'aaa'
 }

 var obj2 = {
 name: 'bbb'
 }

 window.name = 'global'

 var getName = function() {
 alert(this.name);
 }

 getName(); // 输出：global
 getName.call(obj1); //输出： aaa
 getName.call(obj2); //输出：bbb

之前面试遇到过一个问题，下面这种情况会不会报错，为什么？

var getId = document.getElementById;
getId('div1');

答案是会报错，因为正常情况下getElementById方法作为document对象的属性被调用时，this是指向document的，但此时getId引用了getElementById，又被调用的情况就属于普通函数调用了，函数内部的this指向了windows而不是document。可以用apply对这个错误进行修正：

document.getElementById = (function(func){
  return function() {
    return func.apply(document, arguments);
  }
})(document.getElementById);

var getId = document.getElementById;
var div = getId('div1');
console.log(div.id); // 输出：div1

参考：
《Javascript设计模式与开发实践》