轻易掌握this关键字

面向对象语言中 this 表示当前对象的一个引用. 但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。

我们先来说说this指向的几种方式

• 在方法中，this 则表示该方法所属的对象

var obj = {
  name1: "zhang",
  name2 : "wang",
  newName : function() {
    return this.name1 + " " + this.name2;
  }
};

// 显示对象的数据
document.getElementById("a1").innerHTML = obj.newName();

zhang wang

• 单独使用，this 则表示全局对象

"use strict";
var aa = this;
// window 就是该全局对象为 [object Window]

• 在函数中，this 则表示全局对象

function funciton() {
  return this;
}
// window 就是该全局对象为 [object Window]

window.function();

• 在函数中，在严格模式下，this 是未定义的(undefined)
• 在事件中，this 表示接收事件的元素

<button onclick="this.style.display='none'">
点我
</button>

再接着说改变this的几种方式

• call()

格式 函数名.call();
参数： 
	第一个参数： 传入该函数this指向的对象，传入什么强制指向什么
	第二个参数开始:将原函数的参数往后顺延一位。
	
	函数名.call('call',1,2);

• apply()

格式 函数名.apply();
参数： 
	第一个参数： 传入该函数this指向的对象，传入什么强制指向什么
	第二个参数: 数组 。数组里面放入我们原有的参数
	
	函数名.apply('a',[1,2])

• bind() 预设this指向

var a = 函数名.bind('aa'); 先通过bind的预设下thie指向，然后返回一个新函数，此时这个新函数this已经指向bb了
a(1,2);
函数名.bind('指向的名字')('原来的参数')
简写 函数名.bind('aa')(1,2);  

总结this指向的四种方式

a.如果是一般函数,this指向全局对象window;
b.在严格模式下"use strict",为undefined.
c.对象的方法里调用,this指向调用该方法的对象.
d.构造函数里的this,指向创建出来的实例.