this的指向改变this指向的三个参数

`Sun`

于 2022-01-02 20:53:47 发布

阅读量246

点赞数 1

分类专栏： this指向文章标签： javascript 开发语言 ecmascript

版权

1 篇文章

订阅专栏

本文详细解析了JavaScript中this的指向规则，包括在全局、构造函数、箭头函数和定时器中的行为，以及bind、call、apply灵活改变this的方法。通过实例说明，帮助理解如何在不同场景下正确使用this。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在全局中指向window


function fn1() {
        console.log(this)
    }
    fn1() //window.fn1() 省略window (指向window)

在构造函数中指向当前实例化对象

在箭头函数中不会改变this的指向

定时器指向window

bind 可以改变this指向调用函数后面多加()

    var obj = {
        a:1
    }
    function fn1(m,n) {
        console.log(this)
    }
    fn1() //指向window
    fn1.bind(obj)() //指向obj

call 可以直接调用函数


var obj = {
        a:1
    }

    function fn1(m,n) {
        console.log(m,n)
        console.log(this)
    }
    fn1.call(obj,1,2)  //指向obj

apply 可以直接调用函数参数放数组里

var obj = {
        a:1
    }
    function fn1(m,n) {
        console.log(m,n)
        console.log(this)
    }
    fn1.apply(obj,[1,2]) //指向obj

可以在函数最前面定义 let vm=this后面直接使用vm就可以

this的指向 改变this指向的三个参数