آموزش جاوا اسکریپت – متدهای قرض گرفتن در جاوا اسکریپت

در این بخش از سری آموزش جاوا اسکریپت قصد داریم در مورد متدهای Borrowing یا همان قرض گرفتن در جاوا اسکریپت صحبت کنیم.

متدهای قرض گرفتن از شی (Object)

در جاوا اسکریپت, می توانید متدها را از آبجکت های دیگر برای ایجاد بعضی از عملکردها بدون ارث بری دیگر خصوصیات و متدها استفاده کنید.

جاوا اسکریپت دو متد را برای تابع آبجکت ها, call() و apply() که به ما اجازه می دهد یک تابع را همانند یک متد از آبجکت دیگر, فراخوانی کنیم.

var objA = {
    name: "object A",
    say: function(greet) {
        alert(greet + ", " + this.name);
    }
}

objA.say("Hi"); // Displays: Hi, object A

var objB = {
    name: "object B"
}

/* The objA doesn't have say() method, but it can borrow it from objA */
objA.say.call(objB, "Hello"); // Displays: Hello, object B

var objA = {

say: function(greet) {

alert(greet + ", " + this.name);

}

objA.say("Hi"); // Displays: Hi, object A

var objB = {

}

/* The objA doesn't have say() method, but it can borrow it from objA */

objA.say.call(objB, "Hello"); // Displays: Hello, object B

تفاوت بین متدهای call() و apply()

سینتکس متد apply() تقریبا با call() یکسان است با این تفاوت که call() یک لیست از آرگومان ها را بصورت call(thisObj, arg1, arg2, ...) دریافت می کند در حالی که متد apply() همه را در یک آرایه تنها بصورت apply(thisObj, [argsArray]) دریافت می کند.

به براکت های مربعی [] که نشان دهنده آرایه هستد در آخر این مثال توجه کنید.

var objA = {
    name: "object A",
    say: function(greet) {
        alert(greet + ", " + this.name);
    }
}

objA.say("Hi"); // Displays: Hi, object A

var objB = {
    name: "object B"
}

/* The objA doesn't have say() method, but it can borrow it from objA */
objA.say.apply(objB, ["Hello"]); // Displays: Hello, object B

var objA = {

say: function(greet) {

alert(greet + ", " + this.name);

}

objA.say("Hi"); // Displays: Hi, object A

var objB = {

}

/* The objA doesn't have say() method, but it can borrow it from objA */

objA.say.apply(objB, ["Hello"]); // Displays: Hello, object B

استفاده از متدهای از قبل-ساخته-شده (built-in)

همچنین متد apply() به ما اجازه می دهد از متد های built-in برای انجام بعضی عملیات به سادگی و آسانی استفاده کنیم.

مثالی از آن استفاده از Math.max()/Math.min() برای پیداکردن حداکثر یا حداقل مقدار در یک آرایه است که در حالت عادی باید یک حلقه را روی مقادیر آرایه اجرا می کردیم.

همانطور که از بخش های قبلی آموزش جاوا اسکریپت می دانید, آرایه های جاوا اسکریپت متد max() ندارد ولی Math را بله, پس می توانید متد Math.max() را همانند مثال زیر apply کنید:

var numbers = [2, 5, 6, 4, 3, 7];

// Using Math.max apply
var max = Math.max.apply(null, numbers);
alert(max); // Outputs: 7

var numbers = [2, 5, 6, 4, 3, 7];

// Using Math.max apply

var max = Math.max.apply(null, numbers);

alert(max); // Outputs: 7

نکته: اولین آرگومان برای دو متد call() و apply() یک آبجکت است که تابعی را فراخوانی کرده است. استفاده از null برای آرگومان اول مثل صدا زدن تابع بدون دادن هیچ آبجکتی برای اشاره گر this داخل تابع است.

اپراتور جدید … در ES6 یک راه کوتاه تر برای دریافت مقدار حداکثر یا حداقل از یک آرایه بدون استفاده از متد apply() است.

var numbers = [2, 5, 6, 4, 3, 7];

// Using spread operator
var max = Math.max(...numbers);
alert(max); // Outputs: 7

var numbers = [2, 5, 6, 4, 3, 7];

// Using spread operator

var max = Math.max(...numbers);

alert(max); // Outputs: 7

به هر حال هر دو … و apply() در صورتی که آرایه تعداد زیادی المان (ده ها هزار) داشته باشد, نتیجه نادرستی را برگشت می دهند.

در این صورت می توانیم از Array.reduce() برای پیدا کردن مقدار حداکثر یا حداقل در یک آرایه عددی با مقایسه هر کدام از مقدارها, استفاده کنیم.

var numbers = [2, 5, 6, 4, 3, 7];

// Using reduce method
var max = numbers.reduce(function(a, b) {
    return Math.max(a, b);
});
alert(max); // Outputs: 7

var numbers = [2, 5, 6, 4, 3, 7];

// Using reduce method

var max = numbers.reduce(function(a, b) {

return Math.max(a, b);

});

alert(max); // Outputs: 7

امیدواریم در این بخش آموزش جاوا اسکریپت, از آموزش متدهای قرض گرفتن در جاوا اسکریپت نهایت استفاده را برده باشد.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید.

آموزش جاوا اسکریپت – متدهای قرض گرفتن در جاوا اسکریپت

متدهای قرض گرفتن از شی (Object)

تفاوت بین متدهای call() و apply()

استفاده از متدهای از قبل-ساخته-شده (built-in)

آموزش جاوا اسکریپت – کوکی ها در جاوا اسکریپت

آموزش جاوا اسکریپت – اعتبارسنجی فرم در جاوا اسکریپت

آموزش جاوا اسکریپت – Regular Expression در جاوا اسکریپت ۲

آموزش جاوا اسکریپت – Regular Expression در جاوا اسکریپت ۱

لغو پاسخ

دوره آموزش ساخت دیجی کالا با php به همراه اپلیکیشن اندروید

آموزش ساخت ربات تلگرام با PHP (از پایه و پروژه محور)

دوره جامع آموزش طراحی سایت + پروژه قالب فروشگاه