سرکشی دوباره از تابع‌های کمانی

بیایید دوباره سری به تابع‌های کمانی بزنیم.

تابع‌های کمانی فقط «کوتاه‌نویسی» برای نوشتن چیزهای کوچک نیستند. آن‌ها ویژگی‌هایی خاص و کاربردی دارند.

جاوااسکریپت پر از موقعیت‌هایی است که ما نیاز به نوشتن یک تابع کوچک داریم تا جایی دیگر اجرا شود.

برایی مثال:

• arr.forEach(func) – func برای هر المان آرایه توسط forEach اجرا می‌شود.
• setTimeout(func) – func توسط زمان‌بند درونی اجرا می‌شود.
• …و چیزهای دیگر

اینکه تابعی را بسازیم و آن را جایی دیگر پاس دهیم در ذات جاوااسکریپت است.

و معمولا ما نمی‌خواهیم زمینه کنونی را درون چنین تابع‌هایی از دست دهیم. اینجا جایی است که تابع‌های کمانی بدرد می‌خورند.

تابع‌های کمانی “this” ندارند

همانطور Ú©Ù‡ از فصل متدهای شیء، "this" به یاد داریم، تابع‌های کمانی this ندارند. اگر به this دسترسی پیدا کنیم، از بیرون دریافت می‌شود.

برای مثال، ما می‌توانیم از آن برای حلقه زدن درون یک متد شیء استفاده کنیم:

let group = {
  title: "گروه ما",
  students: ["John", "Pete", "Alice"],

  showList() {
    this.students.forEach(
      student => alert(this.title + ': ' + student)
    );
  }
};

group.showList();

اینجا درون forEachØŒ تابع کمانی استفاده شده است پس this.title درون آن انگار دقیقا درون متد بیرونی showList است. یعنی: group.title.

اگر ما یک تابع «معمولی» استفاده می‌کردیم، یک ارور دریافت می‌کردیم:

let group = {
  title: "گروه ما",
  students: ["John", "Pete", "Alice"],

  showList() {
    this.students.forEach(function(student) {
      // را خواند undefined از 'title' ارور: نمی‌توان ویژگی
      alert(this.title + ': ' + student);
    });
  }
};

group.showList();

به دلیل اینکه به طور پیش‌فرض forEach با this=undefined تابع را اجرا می‌کند ارور ایجاد می‌شود پس سعی می‌شود Ú©Ù‡ undefined.title دریافت شود.

این موضوع روی تابع‌های کمانی تاثیری ندارد چون آن‌ها this ندارند.

تابع‌های کمانی “arguments” ندارند

تابع‌های کمانی متغیر arguments هم ندارند.

زمانی Ú©Ù‡ در دکوراتور ما باید یک فراخوانی را با this کنونی Ùˆ arguments ارسال کنیم عالی است.

برای مثال، defer(f, ms) یک تابع دریافت می‌کند Ùˆ دربرگیرنده‌ای دور آن Ú©Ù‡ فراخوانی را به اندازه ms میلی‌ثانیه تاخیر می‌اندازد را برمی‌گرداند:

function defer(f, ms) {
  return function() {
    setTimeout(() => f.apply(this, arguments), ms);
  };
}

function sayHi(who) {
  alert('سلام، ' + who);
}

let sayHiDeferred = defer(sayHi, 2000);
sayHiDeferred("John"); // John ،بعد از دو ثانیه: سلام

کد یکسان بدون تابع کمانی می‌تواند اینگونه باشد:

function defer(f, ms) {
  return function(...args) {
    let ctx = this;
    setTimeout(function() {
      return f.apply(ctx, args);
    }, ms);
  };
}

اینجا ما باید متغیرهای اضافی args Ùˆ ctx را ایجاد می‌کردیم تا تابع درون setTimeout بتواند آن‌ها را دریافت کند.

خلاصه

تابع‌های کمانی:

• دارای this نیستند
• دارای arguments نیستند
• نمی‌توانند همراه با new فراخوانی شوند
• همچنین آن‌ها super ندارند اما هنوز آن را نخوانده‌ایم. در فصل وراثت کلاس آن را خواهیم خواند

به دلیل اینکه آن‌ها برای قطعه‌های کوتاهی از کد در نظر گرفته شده‌اند که «زمینه(context)» خودشان را ندارند و در زمینه کنونی کار می‌کنند. و آن‌ها واقعا در این مورد استفاده می‌درخشند.