call、apply、bind的基本概念（JavaScript）

最新推荐文章于 2025-08-13 21:05:35 发布

原创最新推荐文章于 2025-08-13 21:05:35 发布 · 100 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6

本文探讨了JavaScript中函数的调用方式，包括直接调用、对象方法调用以及使用call、apply和bind改变this指向。通过示例展示了call、apply和bind的区别，特别是它们在传递参数方面的差异，并解释了bind返回新函数的特点。

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

    function fun(){
      console.log(this.name);
    }

    let cat = {
      name:"喵喵"
    }
    //call可以调用函数，可以改变函数中的this指向
    fun.call(cat)

在这里插入图片描述
2.

    let dog = {
      name:'旺财',
      sayName(){
        console.log("我是"+this.name);
      },
      eat(food){
        console.log("我喜欢吃"+food);
      }
    }
    let cat = {
      name:"喵喵"
    }

    dog.eat("骨头")

在这里插入图片描述
3.如果这样写 dog.eat.call(cat,“鱼”)

    dog.eat.call(cat,"鱼")

在这里插入图片描述
4.call、apply、bind的区别

    dog.eat.call(cat,"鱼","肉")  //输出：我喜欢吃鱼肉
    dog.eat.apply(cat,["鱼","肉"])//输出：我喜欢吃鱼肉
    dog.eat.bind(cat,"鱼","肉")//无输出

    let fun = dog.eat.bind(cat,"鱼","肉") 
    fun()//与dog.eat.call(cat,"鱼","肉")一模一样，输出：我喜欢吃鱼肉