applay()、call()、bind()三者的异同点

最新推荐文章于 2025-03-10 11:29:25 发布

m0_45925246

最新推荐文章于 2025-03-10 11:29:25 发布

阅读量1.4k

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_45925246/article/details/128914716

版权

本文介绍了JavaScript中改变函数this指向的三个方法——apply、call和bind。call和apply都用于立即调用函数并设置this值，call直接传递参数，apply则以数组形式传递。bind则返回一个新的函数，保留指定的this值和初始参数，供后续调用。

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

1.applay、call、bind他们三个都能改变函数this的指向问题；

2.applay、call这两个方法的主动调用，bind返回的是改变this指向后的新函数；

3.传参的问题区别，call和bind都是直接传递参数，applay传递的是数组

call的用法：

function test(a,b) {
        console.log(this)  //默认情况下函数中的this指向的是Window对象
        console.log(a,b)  //a,b对应的是参数1和参数2
    }
    const obj= {
        name:'zhangsan'
    }
    test.call(obj,'参数1','参数2')  //直接调用函数并改变this的指向

appaly的用法：

function test(a,b) {
        console.log(this)  //默认情况下函数中的this指向的是Window对象
        console.log(a,b)  //a,b对应的是参数1和参数2
    }
    const obj= {
        name:'zhangsan'
    }
    test.apply(obj,['参数1','参数2'])  //直接调用函数并改变this的指向

bind的用法：

function test(a,b) {
        console.log(this)  //默认情况下函数中的this指向的是Window对象
        console.log(a,b)  //a,b对应的是参数1和参数2
    }
    const obj= {
        name:'zhangsan'
    }
    var newFn = test.bind(obj,'参数1','参数2') ;
    newFn()