حظر على "هذا"

@serverSerrverlesskiy

إزالة this الكلمة الأساسية من JavaScript تجعل اللغة أفضل!

هذا بسبب this يعتمد على كيفية استدعاء الوظيفة ، وليس مكان تعريفها. لذلك ، جافا سكريبتthis مصدر الكثير من الارتباك اللغويوضع.

يضمن استخدام هذا أن الوظيفة تعمل على الكائن المحدد في سياقه الذي تم استدعاؤه. من خلال thisطريقة ، لا يمكنك فقط الرجوع إلى أي خاصية من خصائص الكائن ، ولكن يمكنك أيضًا تمرير مرجع إلى الكائن بأكمله في مكان ما (تقليل أمان التطبيق).

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

functionsay Hi() {
  console.log(this.firstName)
}

هذه الوظيفة لا تعرف حتى الآن ما سيكون هذا. سيتم الكشف عن هذا عند تنفيذ البرنامج.

إذا تم تشغيل نفس الوظيفة في سياق كائنات مختلفة ، فستتلقى ملفًا مختلفًاthis:

var user = { firstName: 'John' }
var admin = { firstName: 'Admin' }

function funcName() {
  console.log(this.firstName)
}
user.f = funcName
admin.g = funcName

// this is equal to the object before point:
user.f() // Joni
admin.g() // Admin
admin['g']() // Admin (access to the object is implemented through square brackets)

لذا ، فإن قيمة this لا تعتمد على كيفية إنشاء الوظيفة ، يتم تحديدها حصريًا وقت المكالمة.

"هذا" وعيوبه

الأساليب هي الوظائف التي يتم تخزينها في الكائنات. لكي تعرف الوظيفة أي كائن تعمل عليه ، استخدم this.

Poor

لكن this يفقد السياق في العديد من المواقف (القيمة المرجعة غير معروفة):

يفقد السياق داخل الوظائف المتداخلة
يفقد السياق في عمليات الاسترجاعات
this يفقد السياق عند استخدام الطريقة كمعالج للأحداث.

أفضل لغة

The_best

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

في نفس الوقت ، بدونthis تقدم JavaScript طريقة جديدة وفريدة للقيام بالبرمجة الموجهة للكائنات بدون فئات أو وراثة.

التخلي عن هذا

remember

أفضل طريقة لتجنب this المشاكل ذات الصلة ليست للاستخدام this على الاطلاق!

::: لاحظ جافا سكريبت تبدو JavaScript بدون هذا أفضل لغة برمجة وظيفية!

:::

يمكننا إنشاء كائنات مغلفة دون استخدام هذا كمجموعة من الإغلاق. بمساعدة React Hooks يمكننا إنشاء مكونات ذات حالة بدون this.

ال this لا يمكن إزالة الكلمة الأساسية من JavaScript دون تدمير جميع التطبيقات الموجودة. ومع ذلك ، ما الذي يمكن عمله؟ يمكننا الكتابة رمزنا الخاص بدون this والسماح باستخدامه في المكتبات فقط. في هذه الأثناء، new rules ESLint يتم إدخالها ، وحظر استخدامthis.

منذ الدرس الأخير تخلينا classes, we قل وداعا إلى this معهم.