【JS】call，apply，bind

码小余の博客

于 2021-09-26 20:29:16 发布

阅读量131

点赞数 1

分类专栏：前端文章标签： javascript html5

本文链接：https://blog.youkuaiyun.com/Cool_breeze_/article/details/120496489

版权

前端专栏收录该内容

78 篇文章

订阅专栏

本文通过示例介绍了JavaScript中对象方法`call`、`apply`和`bind`的用法。展示了如何改变函数调用时的上下文（this）以及如何延迟函数执行。示例中，Steven的`charge`方法被用来为Becky的手机充电，通过不同的方法实现了立即充电和延迟充电的效果。

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

【JS】call，apply，bind

const steven = {
    name: "Steven",
    phoneBattery: 70,
    charge: function (level) {
      this.phoneBattery = level
    }
}

const becky = {
  name: "Becky",
  phoneBattery: 30,
}

steven.charge(100)
console.log(steven);

// steven 的充电宝给 becky 用，并充电到 100
// steven.charge.call(becky, 100)
// console.log(becky);

// steven 的充电宝给 becky 用，不过不是立即充电，而是稍后再充
var beckyCharge = steven.charge.bind(becky)
// 将 becky 的手机充电到 100
beckyCharge(100)
console.log(becky);