[JS] 关于call()和apply()的用法

最新推荐文章于 2025-04-04 23:39:01 发布

我是z先生

最新推荐文章于 2025-04-04 23:39:01 发布

阅读量211

点赞数

分类专栏： JavaScript 文章标签： javaScript call apply

本文链接：https://blog.youkuaiyun.com/qq_29716595/article/details/99744739

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨JavaScript中call与apply函数的使用，包括它们的基本用法、带参数调用及在对象继承中的应用。通过实例讲解了如何改变函数内部this的指向，实现对象属性的动态调用，并展示了构造函数继承的具体实现。

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

定义

call:
用法：obj.myFun.call(db,‘北京’, … )。
定义：调用一个对象的一个方法，以另一个对象替换当前对象。

apply
用法：obj.myFun.apply(db,[‘北京’, … ])。
定义：应用某一对象的一个方法，用另一个对象替换当前对象。

call()、apply()都是用来重定义 this 这个对象的。

基本用法

<script>
 function Person() {
    this.name = 'Jack';
    this.age = 18;
    this.showName = function () {
      console.log(this.name + " " + this.age);
    }
  }

  function person2(){
    this.name = 'Bill';
    this.age = 16;
  }

  let P1 = new Person();
  let P2 = new person2();
  
  P1.showName(); //输出: Jack 18
  
  P1.showName.call(P2); //输出: Bill 16
  P1.showName.apply(P2); //输出: Bill 16
</script>

带参数用法：

<script>
 function Person() {
    this.name = 'Jack';
    this.age = 18;
    this.showName = function (x) {
      console.log(this.name + " " + this.age + ' '+ x);
    }
  }

  function person2(){
    this.name = 'Bill';
    this.age = 16;
  }

  let P1 = new Person();
  let P2 = new person2();
  P1.showName.call(P2,100); // 输出: Bill 16 100
  P1.showName.apply(P2,[200]);// 输出: Bill 16 200
</script>

继承用法：

<script>
 function Person(name, age) {
    this.name = name;
    this.age = age;
    this.showName = function () {
      console.log(this.name + " " + this.age);
    }
  }

  function person2(name, age) {
    Person.call(this, name, age); // 或者 Person.apply(this,[name,age]);
  }
  
  let P2 = new person2('Bill', 16); 
  
  P2.showName();  //输出：Bill 16
  
  //通过call或apply方法，将原本属于Person对象的showName()方法交给对象person1、person2来使用。
</script>