jquery 立即执行匿名函数 js匿名函数this指向

普通函数

1. 谁调用了函数，那么这个函数中的 this 就指向谁.

let myFun = function() {
	console.log(this);
}
let obj = {
	name: "赵云",
	myFun: function() {
		console.log(this);
	}
}

// 这里的this之所以指向window对象，是因为myFun函数是由window在全局作用域中调用的
myFun();      // window
// 这里的this之所以指向obj对象，是因为myFun函数是由obj这个对象调用的
obj.myFun();  // obj

1. 匿名函数中的this指向：匿名函数的执行具有全局性，则匿名函数中的 this 指向是 window, 而不是调用这个匿名函数的对象.

let obj = {
	name: "赵云",
	myFun: function() {
		return function() {
			console.log(this);
		}
	}
}
obj.myFun()();    // window

上面的代码中，myFun 方法是由 obj 对象调用的，但是 obj.myFun() 返回的是一个匿名函数，而匿名函数中的 this 指向 window，所以打印 window;
如果上面的代码中使 this 指向调用这个方法的对象，可以提前把 this 传值给另一个变量(_this);

let obj = {
	name: "赵云",
	myFun: function() {
		let _this = this;
		return function() {
			console.log(_this);
		}
	}
}
obj.myFun()();    // obj

箭头函数

1. 箭头函数中的 this 在定义函数时就已经被确认了，而不是在函数调用的时候确认的；
2. 箭头函数中的 this 指向父级作用域的执行上下文；(解释：JavaScript 中除了全局作用域，其他作用域都是由函数创建出来的，如果想确认 this 指向，则找到离箭头函数最近的function，与这个function平级的执行上下文中的 this 就是箭头函数中的 this)；
3. 箭头函数无法使用 call, bind, apply改变 this 指向，是因为 this 在函数定义的时候已经被确认；

---

举例一：距离箭头函数最近的函数是 myFun，与这个函数最近的上下文中 this 指向 obj, 所以箭头函数中 this 的指向为 obj；

let obj = {
    name: "赵云",
    // 这里的this指向就是箭头函数中this的指向
    myFun: function() {
        return () => {
            console.log(this);
        }
    }
}
obj.myFun()();    // obj

举例二: 这段代码中存在两个箭头函数，this 找不到离它最近的函数作用域，所以一直往上找指向 window;

let obj = {
    name: "赵云",
    myFun: () => {
        return () => {
            console.log(this);
        }
    }
}
obj.myFun()();    // window