عملکرد تماس جاوااسکریپت:

توسعه دهندگان از تابع فراخوانی عملکرد تماس جاوااسکریپت برای اعمال همان عملکرد در بیش از یک شی استفاده می کنند. به عبارت دیگر ، می توانید یک متد یا تابعی را که قبلاً به یک شی object خاص اختصاص داده شده است ، برای یک شی another دیگر نیز فراخوانی کنید.

در این آموزش ، با گزینه های عملکرد فراخوانی JavaScript آشنا خواهید شد. شما می توانید نحوه فراخوانی یک تابع در JavaScript را به عنوان یک تابع و به عنوان یک روش بفهمید. ما همچنین گزینه های عملکرد فراخوانی JavaScript، مانند سازنده عملکرد و روش عملکرد را توضیح خواهیم داد. علاوه بر این ، با این کلمه کلیدی آشنا خواهید شد.

نکات اصلی عملکرد تماس جاوااسکریپت:

• فراخوانی عملکرد معمولاً به سادگی فراخوانی یک تابع نامیده می شود.
• هنگامی که این تابع فراخوانی می شود ، یک بلوک از کد در یک تابع اجرا می شود.
• چند گزینه عملکرد جاوا اسکریپت وجود دارد.
• این کلمه کلیدی در JavaScript نمایانگر شیئی است که حاوی کد فعلی است.

استفاده از کلمه کلیدی عملکرد تماس جاوااسکریپت

هنگامی که یک تابع شی مالک نداشته باشد ، شی جهانی ارزش این کلمه کلیدی می شود. شی جهانی در یک صفحه وب ، پنجره مرورگر است.

در مثال زیر ، مقدار این کلمه کلیدی شی پنجره است:

function simpleFunction() {        
   return this;  
}  

simpleFunction();

فراخوانی عملکرد

بنابراین ، چگونه می توان یک تابع را در JavaScript فراخوانی کرد؟ تابع فراخوانی را می توان به عنوان یک تابع یا یک روش فراخوانی کرد. علاوه بر این ، می توان آن را با استفاده از روش های عملکرد و سازنده ها انجام داد.

اکنون همه گزینه ها را یکی یکی بررسی می کنیم ، بنابراین شما می توانید تفاوت ها و مواردی را که باید از آنها استفاده شود درک کنید. طبق معمول ، برای نشان دادن بهتر مفاهیم از مثالهای کد استفاده خواهد شد.

به عنوان یک عملکرد

مثال زیر تابعی را نشان می دهد که متعلق به هیچ شیئی نیست. در واقع ، به طور پیش فرض ، به یک پنجره شی window جهانی تعلق دارد. می توانید از آن با پیشوند پنجره (window.simpleFunction ()) استفاده کنید اما لازم نیست.

function simpleFunction(x, y) {        
  return x * y;  
}

simpleFunction(10, 6); // will return 60

توجه: این مثال یک عملکرد جهانی را اجرا می کند. اگرچه این یک روش معمول برای فراخوانی یک تابع در JavaScript است ، اما به عنوان یک روش خوب در برنامه نویسی رایانه محسوب نمی شود. متغیرهای جهانی می توانند با متغیرهای محلی در تضاد باشند و اشکال ایجاد کنند.

به عنوان یک روش

توابع را می توان به عنوان متدهای شی object در JavaScript تعریف کرد.

مثال زیر یک شی جدید ساده با دو ویژگی (numberX و numberY) و یک روش (sumNumbers) ایجاد می کند:

var simpleObject = {
  numberX: 58,
  numberY: 11,
  sumNumbers: function () {
    return this.numberX + this.numberY;
  }
}
simpleObject.sumNumbers(); // Will return 69

تابع sumNumbers درون شی ساده است و متعلق به آن است. بنابراین ، اگر تابع sumNumbers را فراخوانی کنیم ، مقدار این مقدار را برمی گرداند. این مقدار تبدیل به یک شی می شود: تابع sumNumbers توسط یک شی متعلق است که ساده است:

var simpleObject = {
    numberX: 58,
    numberY: 11,
    sumNumbers: function () {
        return this;
    }
}
simpleObject.sumNumbers(); // returns [object Object]  (the simpleObject)

با استفاده از سازنده عملکرد

اگر اعلامیه تابع با کلمه کلیدی جدید شروع شود ، فراخوانی سازنده حاصل می شود. این کار مانند ایجاد یک تابع جدید عمل می کند ، اما چون توابع در JavaScript شی objects هستند ، شما یک شی an ایجاد می کنید.

وقتی یک شی با استفاده از سازنده ایجاد می شود ، تمام خصوصیات و روش های آن را به ارث می برد:

// This is the constructor
function simpleConstructor(num1, num2) {
    this.number1 = num1;
    this.number2  = num2;
}

// Creating a new object
var xyz = new simpleConstructor(14, 8);
xyz.number2;  // would return 8

با استفاده از روش عملکرد

جاوا اسکریپت روشهای فراخوانی و اعمال از پیش تعیین شده را دارد. هر دوی آن ها می توانند عملکردهای دیگر را فراخوانی کنند ، و باید صاحب خود را به عنوان اولین استدلال در نظر بگیرند.

تنها تفاوت این روش ها در این است که در حالی که متد call آرگومان ها را یک به یک جداگانه می گیرد ، متد apply آرگومان ها را به عنوان یک آرایه در نظر می گیرد:

function simpleFunction(x, y) {        
   return x * y;  
}

simpleObject = simpleFunction.call(simpleObject, 22, 2); // Will return 44

function simpleFunction(x, y) {        
   return x * y;  
}
newArray = [22, 2];
// Will also return 44
simpleObject = simpleFunction.apply(simpleObject, newArray);

خلاصه عملکرد تماس جاوااسکریپت:

• دانستن نحوه فراخوانی یک تابع در JavaScript به معنای درک همه گزینه های ممکن است: تابع ، روش ، سازنده عملکرد و روش عملکرد. اینکه چگونه یک عملکرد باید فراخوانی شود بستگی به زمینه دارد.
• هنگام کار با توابع ، باید بدانید که همیشه از آنچه این کلمه کلیدی در یک مورد خاص ارجاع می دهد آگاه باشید.