this

作者: 考拉程序媛 | 来源:发表于2020-05-05 21:53 被阅读0次

    this 对象的理解

    普通函数

    this 总是指向函数的直接调用者
    如果有 new 关键字,this 指向 new 出来的实例对象
    在事件中,this 指向触发这个事件的对象
    IE 下 attachEvent 中的 this 总是指向全局对象 Window
    箭头函数中,函数体内的this对象,就是定义时所在作用域的对象,而不是使用时所在的作用域的对象。
    function foo() {
    console.log(this.a)
    }
    var a = 1
    foo() //1

    const obj = {
    a: 2,
    foo: foo
    }
    obj.foo() //2

    const c = new foo() //undefined
    对于直接调用 foo 来说,不管 foo 函数被放在了什么地方,this 一定是window
    对于 obj.foo() 来说,我们只需要记住,谁调用了函数,谁就是 this,所以在这个场景下 foo 函数中的 this 就是 obj 对象
    对于 new 的方式来说,this 被永远绑定在了 new出来的对象上,不会被任何方式改变 this
    说完了以上几种情况,其实很多代码中的 this 应该就没什么问题了,下面让我们看看箭头函数中的 this

    function a() {
    return () => {
    return () => {
    console.log(this)
    }
    }
    }
    a()()() //Window
    首先箭头函数其实是没有 this 的,箭头函数中的 this 只取决包裹箭头函数的第一个普通函数的 this。在这个例子中,因为包裹箭头函数的第一个普通函数是 a,所以此时的 this 是 window。另外对箭头函数使用 bind这类函数是无效的。

    相关文章

      网友评论

          本文标题:this

          本文链接:https://www.haomeiwen.com/subject/puavghtx.html