JS中的this指向

原创已于 2022-04-27 22:17:07 修改 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #this

于 2022-04-27 22:03:50 首次发布

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

本文深入探讨了JavaScript中的this关键字，通过实例解释了函数调用的不同方式如何影响this的指向，包括对象方法调用、变量引用函数调用以及箭头函数的特点。重点阐述了window对象作为全局上下文以及call方法在设置函数内部this值中的作用。

以下为一个面试题：

var obj = {
  foo: function() {
    console.log(this)
  }
}
var bar = obj.foo
obj.foo() // obj
bar() // window

JavaScript中全局存在一个window对象，所有定义的函数或者变量都会挂载到window对象中，比如:

var obj = 1
//相当于window对象身上多了一个obj属性
window: {
  obj: 1
}

所以bar()也可以写成window.bar()，而这种写法只是函数调用的一种语法糖形式，完整的写法为window.bar.call(window)，call的第一个参数传入的是谁那么函数内部的this就指向谁。obj.foo()也就相当于window.obj.foo(obj)（谁调用的该函数，函数内部的this就指向谁）。
注意：箭头函数内部的this与其外部的函数的this相同，如果外部没有函数包裹，那么this默认指向window