JavaScript — apply (Function Apply)

آخرین بروزرسانی: 1404/08/10

قبلی: call (Function Call) بعدی: bind (Function Bind)

apply (Function Apply)

«تابع apply» مثل call است؛ اما آرگومان ها را «به صورت آرایه» می گیرد. پس با apply می توانیم متد یک شیء را برای شیء دیگر اجرا کنیم و this را دقیق تنظیم کنیم.

بازاستفاده متد با apply()

متد را یک بار تعریف کن؛ سپس روی شیء دیگر «اعمال» کن. کلید ماجرا، تعیین this است.

const person = {
  fullName: function () {
    return this.firstName + " " + this.lastName;
  }
};

const person1 = {
  firstName: "Mary",
  lastName: "Doe"
};

person.fullName.apply(person1);

مشاهده در ادیتور

تفاوت call و apply

call آرگومان ها را جدا می گیرد. اما apply آرگومان ها را داخل آرایه می گیرد. هر دو this را تعیین می کنند.

const person = {
  fullName: function (city, country) {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
};

const person1 = {
  firstName: "John",
  lastName: "Doe"
};

person.fullName.apply(person1, ["Oslo", "Norway"]);

مشاهده در ادیتور

همین مثال با call؛ می بینی آرگومان ها جدا هستند.

const person = {
  fullName: function (city, country) {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
};

const person1 = {
  firstName: "John",
  lastName: "Doe"
};

person.fullName.call(person1, "Oslo", "Norway");

مشاهده در ادیتور