this的指向(简单描述版)

this的指向(简单描述版)函数的调用在JS的面向对象中this是表示函数调用相关联的对象(函数的上下文)。所以要想了解this的指向，我们先要清楚函数的调用的方式1.作为函数调用function add(a,b) { return a + b;}add(1,2);以上代码就是函数作为函数直接被调用，那么在这种情况下，函数上下文(this)就有两种可能性质在浏览器环境中，this指向了window对象在严格模式下将会是undefined2.作为方法被调用var method = {};method.add = function () {};method.add();当一个函数被赋值给一个对象属性，并且通过对象属性引用的方式时候，函数就会被作为对象的方法被调用。那么在这种情况下，this指向的就是引用该方法的宿主对象3.作为构造函数调用let person = new Person();在使用new的时候会有如下动作创建一个新对象该对象作为this参数传递给构造函数，成为构造函数的上下文新构造函数对象作为new的返回值4.使用call,apply方法调用function arguNum() { var result = 0; for(var i = 0; i < arguments.length; i++) { result += arguments[i]; } this.result = result;}var obj1 = {};var obj2 = {};arguNum.apply(obj1, [1,2,3]); // 6arguNum.call(obj2, 1,2,3); // 6使用call,apply可以改变this的指向，call&apply区别在于传递的参数是通过什么方式，call传递的是参数列表，apply传递的是一个数组。结语关于this的指向是前端面试中经常出现的问题，以上只是暂时简短总结了一下结果而已，后面会对各个函数调用的方式进行深入解析。