正文
关于 js 的 this 指向问题
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
一、复杂度二、影响 this 指向的因素三、经验性的概括四、举例说明
一、复杂度
- 这个问题本身并不复杂，通过穷举法很容易就能得到有限的结果
二、影响 this 指向的因素
- this 的指向与函数行为有关，函数行为包括：定义，赋值，调用
三、经验性的概括
- 普通函数的 this 指向，只和调用方式有关
- 箭头函数的 this 指向，只和定义环境有关
四、举例说明
- 改变普通函数的调用者
1 <script> 2 // 定义一个方法 3 const person = { 4 getInfo() { 5 console.log(this); 6 }, 7 }; 8 // 把方法拿出来，定义一个顶级变量 9 const getInfo = person.getInfo; 10 11 person.getInfo(); // 调用者：person，this：person 12 getInfo(); // 调用者：window，this：window 13 </script>
- 这个问题本身并不复杂，通过穷举法很容易就能得到有限的结果
二、影响 this 指向的因素
- this 的指向与函数行为有关，函数行为包括：定义，赋值，调用
三、经验性的概括
- 普通函数的 this 指向，只和调用方式有关
- 箭头函数的 this 指向，只和定义环境有关
四、举例说明
- 改变普通函数的调用者
1 <script> 2 // 定义一个方法 3 const person = { 4 getInfo() { 5 console.log(this); 6 }, 7 }; 8 // 把方法拿出来，定义一个顶级变量 9 const getInfo = person.getInfo; 10 11 person.getInfo(); // 调用者：person，this：person 12 getInfo(); // 调用者：window，this：window 13 </script>
- this 的指向与函数行为有关，函数行为包括：定义，赋值，调用
三、经验性的概括
- 普通函数的 this 指向，只和调用方式有关
- 箭头函数的 this 指向，只和定义环境有关
四、举例说明
- 改变普通函数的调用者
1 <script> 2 // 定义一个方法 3 const person = { 4 getInfo() { 5 console.log(this); 6 }, 7 }; 8 // 把方法拿出来，定义一个顶级变量 9 const getInfo = person.getInfo; 10 11 person.getInfo(); // 调用者：person，this：person 12 getInfo(); // 调用者：window，this：window 13 </script>
- 普通函数的 this 指向，只和调用方式有关
- 箭头函数的 this 指向，只和定义环境有关
四、举例说明
- 改变普通函数的调用者
1 <script> 2 // 定义一个方法 3 const person = { 4 getInfo() { 5 console.log(this); 6 }, 7 }; 8 // 把方法拿出来，定义一个顶级变量 9 const getInfo = person.getInfo; 10 11 person.getInfo(); // 调用者：person，this：person 12 getInfo(); // 调用者：window，this：window 13 </script>
- 改变普通函数的调用者
1 <script> 2 // 定义一个方法 3 const person = { 4 getInfo() { 5 console.log(this); 6 }, 7 }; 8 // 把方法拿出来，定义一个顶级变量 9 const getInfo = person.getInfo; 10 11 person.getInfo(); // 调用者：person，this：person 12 getInfo(); // 调用者：window，this：window 13 </script>
