本文主要是介绍【JS重点19】this指向问题总结，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
目录
一：普通函数this指向
普通函数在严格模式下：
二：箭头函数this指向
this指向说明
不适用this情况
三：改变this指向
1 call()
语法格式：
作用：
2 apply()
语法格式：
作用：
使用场景：
3 bind()方法
作用：
应用场景：
四：如何赚钱
阅读本文章目标：够知道this在不同环境下的默认值，知道动态指定函数this值的方法
一：普通函数this指向
普通函数的调用方式决定了this的值，即谁调用普通函数，this就指向谁
setTimeout(function () {console.log(this);//window}, 1000)
}
//以及setInterval都是指向window，因为其完整的写法是window.setInterval、window.setTimeout普通函数在严格模式下：
function fn() {console.log(this);//undefined}fn()对于在严格模式下，如果没有写清楚普通函数的调用者，this返回undefined
二：箭头函数this指向
this指向说明
箭头函数中本身不存在this，其this是沿着作用域链查找；直到找到外层作用域中有this指向的部分，沿用它的this指向
不适用this情况
构造函数、原型函数（因为在普通函数中，构造函数、原型函数指向实例对象，有其特殊的作用）DOM事件中的函数（指向函数的调用者）
因此要在合适的环境下，合理的使用this0
三：改变this指向
JS中允许指定函数中this的指向，以下3个方法可以动态指定普通函数中this的指向
1 call()
语法格式：
函数名.call(this指向,参数1，参数2....)作用：
- 可以调用函数，并传参
- 指定this的指向
const obj = {uname: "郭富城"}function fn(x, y) {console.log(this);//objconsole.log(x + y);//3}fn.call(obj, 1, 2)2 apply()
语法格式：
fun.apply(this的指向，[传递的值])
//与call()方法的区别：
//应用apply时，向函数内传递参数，必须将传递的值包含在数组当中作用：
同call()方法
使用场景：
求数组最大最小值
const arr = [1, 3, 4, 5]const max = Math.max.apply(Math, arr)const min = Math.min.apply(Math, arr)console.log(max, min);//5 1
//因为apply可以调用参数，所以用这种方式调用Math对象中的max以及min方法
3 bind()方法
作用：
- 不会调用函数
- 其返回值为修改this指向的函数
- 返回函数中的this指向，已经被指定过了
const obj = {uname: "郭富城"}function fn(x, y) {console.log(this);//objconsole.log(x + y);//3}const fun = fn.bind(obj, 1, 2)fun()应用场景：
不用调用函数，但是还想改变this指向，比如改变定时器内部this指向
需求：有一个按钮，点击里面就禁用，2秒后开启
const btn = document.querySelector('button')btn.addEventListener('click', function () {this.disabled = truesetTimeout(function () {this.disabled = false}.bind(btn/this), 2000)})四：如何赚钱
现在是否厌倦了程序员朝九晚五的生活，想给自己生活寻找另一条路径；在校大学生是否愿意在校进行人生中的第一次创业，获取人生第一桶金；是否正在看此篇文章的你愿意通过五年努力，让自己开上梦想的中的车子；
那就从提升认知开始，加入微木的知识星球：微木的创业思考
专属于创业者的交流集中地，创业、认知提升找微木！
1 创业底层方法论
2 从千万本书书籍中挑选出的，人生必读书目清单。
3 认知提升学习资源（秘密）
4 寻找赚钱项目底层方法论
5 好书精华提炼
6 深度链接微木
每天仅需0.3元/天，欢迎加入专属于创业者的交流集中地，创业、认知提升找微木！
这篇关于【JS重点19】this指向问题总结的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
