js如何改变this指向（含三种方法详细介绍）

最新推荐文章于 2025-07-06 21:08:58 发布

原创最新推荐文章于 2025-07-06 21:08:58 发布 · 5.1k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#JS改变this指向

本文详细介绍了在JavaScript中如何使用call、apply和bind三种方法来改变函数内部this的指向，通过具体示例展示了每种方法的用法及区别。

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

在前文中提到this指向问题怎样改变this指向呢以下三种方法均可改变this指向

1.call()

第一个参数：this指向
如果要传参，后面依次是参数，例：

function fn(x,y){
            console.log(this);  
        }
        var obj = {
            name:"zs"
        }
        fn(1,2);
        fn.call(obj,1,2);

2.apply()

function fn(x,y){
            console.log(this);  
        }
        var obj = {
            name:"zs"
        }
        fn(1,2);
        fn.apply(obj,[1,2]);

与第一种方法不同的是，用数组的形式表示参数

3.bind()

function fn(x,y){
            console.log(this);  
        }
        var obj = {
            name:"zs"
        }
        fn(1,2);
        fn.bind(obj,1,2)();

bind 只改变this指向需要手动调用 ! ! !