1.8 KiB
| title | localeTitle |
|---|---|
| Arrow Functions | وظائف السهم |
وظائف Arrow هي بنية ES6 جديدة لكتابة تعبيرات دالة JavaScript. يوفر بناء الجملة الأقصر الوقت ، فضلاً عن تبسيط نطاق الوظائف.
ما هي وظائف السهم؟
تعبير دالة السهم هو صيغة موجزة أكثر لكتابة تعبيرات الدالة باستخدام الرمز المميز "fat fat" ( => ).
التركيب الأساسي
فيما يلي مثال أساسي لوظيفة السهم:
`// ES5 syntax var multiply = function(x, y) { return x * y; };
// ES6 arrow function var multiply = (x, y) => { return x * y; };
// Or even simpler var multiply = (x, y) => x * y; `
لم تعد تحتاج إلى function return الكلمات الرئيسية ، أو حتى الأقواس المتعرجة.
تبسيط this
قبل ظائف السهم، حددت وظائف جديدة خاصة بهم this القيمة. لاستخدام this داخل تعبير دالة تقليدي ، يجب علينا كتابة حل بديل مثل:
``// ES5 syntax
function Person() {
// we assign this to self so we can use it later
var self = this;
self.age = 0;
setInterval(function growUp() {
// self refers to the expected object
self.age++;
}, 1000);
}
``
لا تحدد وظيفة السهم this القيمة الخاصة به ، بل إنها تكتسب this من وظيفة الإحاطة:
``// ES6 syntax function Person(){ this.age = 0;
setInterval(() => {
// this now refers to the Person object, brilliant!
this.age++;
}, 1000);
}
var p = new Person(); ``