"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > وظائف السهم مقابل إعلانات الطريقة في ES6: لماذا لا يعمل هذا كما هو متوقع في وظائف السهم؟

وظائف السهم مقابل إعلانات الطريقة في ES6: لماذا لا يعمل هذا كما هو متوقع في وظائف السهم؟

نشر في 2025-03-23
تصفح:106

Arrow Functions vs. Method Declarations in ES6: Why Doesn't `this` Work as Expected in Arrow Functions?

الاسم: "جيسون" ، صيحة: () => console.log ("اسمي" ، this.name) } ؛ person.shout () ؛ // يطبع "اسمي"

القصد هو جعل الوظيفة تصل إلى خاصية الاسم داخل كائن الشخص. ومع ذلك ، فإن وحدة التحكم تطبع فقط "اسمي IS."

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

var person = {
  name: "jason",

  shout: () => console.log("my name is ", this.name)
};

person.shout(); // Prints "my name is "
الحل:

الاسم: "جيسون" ، يصرخ () { console.log ("اسمي" ، this.name) ؛ } } ؛ person.shout () ؛ // يطبع "اسمي جيسون"

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3