وظائف سهم JavaScript تجعلك مطورًا أفضل

أحدث JavaScript ES6 تغييرات مثيرة في عالم تطوير الويب. جلبت الإضافات الجديدة إلى لغة JavaScript إمكانيات جديدة.

كان أحد التغييرات الأكثر شيوعًا هو إضافة وظائف السهم إلى JavaScript. تعد وظائف Arrow طريقة جديدة لكتابة تعبيرات وظائف JavaScript ، مما يمنحك طريقتين مختلفتين لإنشاء وظائف في تطبيقك.

---

---

تتطلب وظائف الأسهم القليل من التعديل إذا كنت خبيرًا في وظائف JavaScript التقليدية. دعنا نلقي نظرة على ماهية هذه ، وكيف تعمل ، وكيف تفيدك.

ما هي وظائف سهم جافا سكريبت؟

دوال السهم هي طريقة جديدة لكتابة تعبيرات الوظائف التي كانت المدرجة في إصدار JavaScript ES6 . إنها تشبه تعبيرات وظائف JavaScript التي كنت تستخدمها ، مع بعض القواعد المختلفة قليلاً.

دالات الأسهم هي دائمًا دوال مجهولة ، لها قواعد مختلفة

this

، ولها بنية أبسط من الوظائف التقليدية.

كيف تجد قائمة مفضلة لشخص ما على أمازون

تستخدم هذه الوظائف رمز سهم جديد:

---

---

=>

إذا سبق لك العمل في Python ، فإن هذه الوظائف تشبه إلى حد كبير تعابير بايثون لامدا .

يعتبر بناء جملة هذه الوظائف أنظف قليلاً من الوظائف العادية. هناك بعض القواعد الجديدة التي يجب وضعها في الاعتبار:

---

---

• تمت إزالة الكلمة الدالة
• كلمة العودة اختيارية
• الأقواس المجعدة اختيارية

هناك الكثير من التغييرات الصغيرة التي يجب تجاوزها ، لذا فلنبدأ بمقارنة أساسية لتعبيرات الوظائف.

كيفية استخدام وظائف السهم

وظائف السهم سهلة الاستخدام. يكون فهم وظائف الأسهم أسهل عند مقارنتها جنبًا إلى جنب مع التعبيرات الوظيفية التقليدية.

هنا تعبير وظيفي يضيف رقمين ؛ أولاً باستخدام طريقة الوظيفة التقليدية:

let addnum = function(num1,num2){
return num1 + num2;
};
addnum(1,2);
>>3

إنها دالة بسيطة جدًا تأخذ وسيطين وتعيد المجموع.

هنا هو التعبير الذي تم تغييره إلى وظيفة السهم:

let addnum = (num1,num2) => { return num1 + num2;};
addnum(1,2);
>>3

يختلف بناء جملة الوظيفة تمامًا باستخدام وظيفة السهم. تمت إزالة الكلمة الدالة ؛ يتيح رمز السهم لـ JavaScript معرفة أنك تكتب وظيفة.

لا تزال الأقواس المتعرجة والكلمة الرئيسية للعودة موجودة. هذه اختيارية مع وظائف السهم. إليك مثال أبسط من نفس الوظيفة:

let addnum = (num1,num2) => num1 + num2;

اختفت الآن الكلمة الرئيسية للعودة والأقواس المتعرجة. ما تبقى هو وظيفة سطر واحد نظيفة للغاية والتي تقارب نصف الكود كدالة أصلية. تحصل على نفس النتيجة برمز مكتوب أقل بكثير.

هناك المزيد من وظائف الأسهم. دعونا نتعمق أكثر حتى تشعر بشكل أفضل بما يمكنهم فعله.

ميزات وظيفة السهم

وظائف السهم لها العديد من الاستخدامات والميزات المختلفة المضمنة.

حفظ فيديو من موقع على شبكة الإنترنت

وظائف منتظمة

يمكن أن تستخدم دالات الأسهم وسيطة واحدة أو أكثر. إذا كنت تستخدم وسيطتين أو أكثر ، فيجب عليك تضمينهما بين قوسين. إذا كان لديك وسيطة واحدة فقط ، فلن تحتاج إلى استخدام الأقواس.

let square = x => x * x
square(2);
>>4

يمكن استخدام دالات الأسهم بدون وسيطات. إذا كنت لا تستخدم أي وسيطات في وظيفتك ، فيجب عليك استخدام أقواس فارغة.

let helloFunction = () => Console.log('Hello reader!');
helloFunction();
>>Hello reader!

وظائف بسيطة مثل هذه تستخدم رمزًا أقل بكثير. تخيل كم هو أسهل بكثير مشروع مثل عرض شرائح JavaScript يصبح عندما يكون لديك طريقة أبسط لكتابة الوظائف.

باستخدام هذا

مفهوم

this

يميل إلى أن يكون الجزء الأصعب من استخدام JavaScript. دالات الأسهم تجعل

this

أسهل في الاستخدام.

عند استخدام وظائف السهم

this

سيتم تحديده من خلال وظيفة التضمين. هذا يمكن أن يخلق مشاكل تظهر عندما تقوم بإنشاء وظائف متداخلة وتحتاج إليها

this

لتطبيق وظيفتك الرئيسية

إليك مثال شائع يوضح الحل البديل الذي يجب عليك استخدامه مع الوظائف العادية.

function Person() {
var that = this; //You have to assign 'this' to a new variable
that.age = 0;
setInterval(function growUp() {
that.age++;
}, 1000);
}

تعيين قيمة

this

إلى متغير يجعله قابلاً للقراءة عند استدعاء دالة داخل وظيفتك الرئيسية. هذا فوضوي ، وإليك طريقة أفضل للقيام بذلك باستخدام وظائف الأسهم.

function Person(){
this.age = 0;
setInterval(() => {
this.age++; // Now you can use 'this' without a new variable declared
}, 1000);
}

في حين أنها رائعة للوظائف ، لا ينبغي استخدامها لإنشاء طرق داخل كائن. لا تستخدم دالات الأسهم النطاق الصحيح لـ

this

.

إليك كائن بسيط يقوم بإنشاء طريقة بالداخل باستخدام وظيفة السهم. يجب أن تقلل الطريقة من الطبقة متغيرًا بواحد عند استدعائه. بدلا من ذلك ، لا يعمل على الإطلاق.

هل يمكنك تشغيل المصباح اليدوي

let pizza = {
toppings: 5,
removeToppings: () => {
this.toppings--;
}
}
//A pizza object with 5 toppings
>pizza
>>{toppings: 5, removeToppings: f}
pizza.removeToppings(); //The method will not do anything to the object
>pizza
>>{toppings: 5, removeToppings: f} //Still has 5 toppings


العمل مع المصفوفات

باستخدام وظائف الأسهم ، يمكنك تبسيط الكود المستخدم للعمل مع طرق المصفوفة. المصفوفات و تعتبر طرق المصفوفة أجزاء مهمة جدًا في JavaScript لذلك سوف تستخدمها كثيرًا.

هناك بعض الطرق المفيدة مثل خريطة طريقة تُشغِّل دالة على جميع عناصر المصفوفة وتُعيد المصفوفة الجديدة.

let myArray = [1,2,3,4];
myArray.map(function(element){
return element + 1;
});
>> [2,3,4,5]

هذه وظيفة بسيطة جدًا تضيف واحدًا إلى كل قيمة في المصفوفة. يمكنك كتابة نفس الوظيفة برمز أقل باستخدام وظيفة السهم.

let myArray = [1,2,3,4];
myArray.map(element => {
return element + 1;
});
>> [2,3,4,5]

من الأسهل بكثير أن تقرأ الآن.

تكوين الكائن الحرفي

يمكن استخدام وظائف الأسهم لإنشاء الكائنات الحرفية في JavaScript. يمكن للوظائف العادية إنشاؤها ، لكنها أطول قليلاً.

let createObject = function createName(first,last) {
return {
first: first,
last: last
};
};

يمكنك إنشاء نفس الكائن باستخدام وظيفة السهم باستخدام رمز أقل. باستخدام تدوين السهم ، ستحتاج إلى لف جسم الوظيفة بين قوسين. ها هي الصيغة المحسّنة مع وظائف السهم.

let createArrowObject = (first,last) => ({first:first, last:last});

وظائف سهم جافا سكريبت وما بعدها

أنت تعرف الآن بعض الطرق المختلفة التي تعمل بها أسهم JavaScript التي تجعل حياتك أسهل كمطور. إنها تقصر بناء الجملة ، وتمنحك المزيد من التحكم في الاستخدام

this

، يجعل إنشاء الكائنات أسهل ويمنحك طريقة جديدة للعمل مع طرق المصفوفة.

يُظهر إدخال وظائف الأسهم ، إلى جانب العديد من الميزات الأخرى ، في JavaScript ES6 مدى أهمية JavaScript في تطوير الويب. هناك الكثير الذي يمكنك القيام به بالرغم من ذلك.

هل تريد معرفة المزيد عن JavaScript؟ تعرف على أطر عمل JavaScript هذه. بالإضافة إلى ذلك ، لدينا ورقة الغش جافا سكريبت يوفر معلومات قيمة ومعرفة المزيد عنها كيف يعمل JavaScript يمكن أن تجعلك مطورًا أفضل.

يشارك يشارك سقسقة بريد الالكتروني 6 بدائل مسموعة: أفضل تطبيقات الكتب الصوتية المجانية أو الرخيصة

إذا كنت لا ترغب في الدفع مقابل الكتب الصوتية ، فإليك بعض التطبيقات الرائعة التي تتيح لك الاستماع إليها مجانًا وبشكل قانوني.

اقرأ التالي مواضيع ذات صلة

• برمجة
• جافا سكريبت

نبذة عن الكاتب أنتوني جرانت(40 مقالة منشورة)

أنتوني غرانت كاتب مستقل يغطي البرمجة والبرمجيات. إنه متخصص في علوم الكمبيوتر ويشتغل في البرمجة و Excel والبرمجيات والتكنولوجيا.

المزيد من Anthony Grant

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك