JavaScript中this的指向

JavaScript中this的指向

1. 以函数形式调用时，this指向window
   举例：

	 function pro1(){
	 	console.log(this, "pro()的this指向");   // this指向window
	 }
	 // 调用方式：
	 pro1();

2. 以方法形式调用时，this指向调用方法的对象
   举例：

	var obj = {
	 	pro2(){
	          console.log(this, "pro2()的this指向"); 
	      }
	}
	 // 调用方式
	 obj.pro2(); // this指向obj

3. 以构造函数的形式调用时，this指向新创建的对象

	  function Person(){
           console.log(this);
       }
       // 调用方式
       var per = new Person(); //this指向per
       console.log(per)  

4. 使用call、apply调用或使用 bind() 绑定对象，this指向传入的参数对象。

	function fun(a, b){
           console.log(this, "fun中this的指向")
           console.log(a, "a的值");
           console.log(b, "b的值");
     }
        
     var obj = {
          name: "obj"
     }
        
     // 调用方式
     
     fun.call(obj, a, b);
     fun.apply(obj, [a, b]); // 与call()不同的是，apply()传入的实参必须是封装好的一个数组

---

call() 和 apply()

• 这两个方法都是函数对象的方法，需要通过函数对象来调用。
• 当对函数调用call()和apply()都会调用函数执行。
• 在调用call()和apply()可以将一个对象指定为第一个参数
  此时这个对象将会成为函数执行时的 this。
• 与call()不同的是，apply()传入的实参必须是封装好的一个数组。
• call()方法可以将实参在对象之后依次传递。
• apply()方法需要将实参封装到一个数组中统一传递
  this 的情况:

1. 以函数形式调用时，this永远都是window。
2. 以方法的形式调用时，this是调用方法的对象。
3. 以构造函数的形式调用时，this是新创建的那个对象。
4. 使用call和apply调用时，this是指定的那个对象。

---

bind

bind()和call()使用方法类似，其中最大的区别就是：

• 函数.call(obj, 参数) 立即执行，this 指向 obj。
• 函数.call(obj, 参数) 返回一个函数对象，注意是返回原函数的复制品，但是this指向obj。
• 使用举例如下：

var obj = {
    name: '大明',
    age: 16
}
function fun(msg) {
    console.log(msg, this)
}
fun.call(obj, "this指向：")
fun.apply(obj, ["this指向："])
fun.bind(obj, "this指向：")()

输出结果: