JS 函数与函数【this指向问题】

函数与相关的this指向

迄今为止我们经常见到的函数，在这里有六大类：

1. 普通函数
2. 构造函数
3. 对象方法函数
4. 事件绑定函数
5. 定时器函数
6. 立即执行函数

六大类函数都是我们经常用到的，那么他们的函数样子还记得是什么样么？他的this指向忘记了没？下面分别对这六大函数形式总结：

普通函数

定义方式：

		function fn() {
			console.log('我被调用了');
		}
        fn();

window.fn(); // 此时可以看出普通函数的 this指向为 window

对象函数

定义方式：

		var obj = {
            sayHi: function() {}
        }
        obj.sayHi(); 

obj.sayHi(); 调用方式可以看出，他的this指向就是 obj

构造函数

		function Star() {
            sayHi.prototype.sing = function() {} // 原型对象添加函数
        }
        var cyg = new Star(); 

this指向总结： 构造函数中的this指向是实例化出来的cyg ，并且 原型对象中的this指向也是实例化出来的cyg

绑定事件函数

	    btn.onclick = function() {
			console.log('我被调用了');
		}

此时的this指向是 事件触发的btn按钮

定时器函数

        setInterval(function() {
			console.log('我被调用了');
		}, 1000);

此时的this指向是 window

立即执行函数

		(function() {
			console.log('我被调用了');
        })()

立即执行函数的this指向与定时器函数的this指向相同，都是window

下面做了一个总结图标，方便理解：

调用方式	this指向
普通函数调用	window
构造函数调用	实例对象 原型对象里面的方法也是指向实例化对象
对象方法调用	该方法所属对象
事件绑定方法	绑定事件对象
立即执行函数	window
定时器函数	window

tips: 这些 this 指向，是当我们调用函数的时候确定的，调用方式的不同决定了this的指向不同，一般只向我们的调用者。

---

不断复盘，不断优秀，让自己成为镜子里想成为的那个人.关注三连，持续更新~~~