يسلط هذا الدليل الضوء على الاختلاف بين 'تعبير الوظيفة' ، أي 'var functionName = function () {}' و 'تعريف الوظيفة' ، أي 'functionName () {}' في JavaScript.
ما هي “var functionName = function () {}”؟
هذا ' var functionName = function () {} 'يُعرف بـ' تعبير وظيفي '. إنه مثل أن المتغير يتم تعيين وظيفة ثم يتم تعريفه. لا يمكن استدعاء الوظيفة المعرفة من قبل المستخدم إلا بعد تعيين تعبير الدالة إلى متغير في وقت التشغيل.
بناء الجملة
var functionName = وظيفة ( ) { ... } ؛
دعنا ننفذ الصيغة المحددة أعلاه بمساعدة مثال.
مثال 1: تطبيق “var functionName = function () {}” في JavaScript
في هذا المثال، ' var functionName = function () {} 'لتعريف دالة وتخصيصها لمتغير.
كود جافا سكريبت
ضع في اعتبارك كود JavaScript التالي:
< النصي >كانت وظيفة تجريبي = وظيفة ( ) {
وحدة التحكم. سجل ( 'مرحبًا Linuxhint' ) ؛
} ؛
الوظيفة ( ) ؛
النصي >
في سطور التعليمات البرمجية أعلاه:
- حدد وظيفة باسم ' functionDemo () 'عن طريق التخصيص إلى متغير.
- في تعريفه ، ' console.log () 'طريقة لطباعة البيان المكتوب.
- أخيرًا ، قم باستدعاء الوظيفة المحددة 'functionDemo ()' بعد إعلانها.
انتاج |
كما رأينا ، تعرض وحدة التحكم إخراج الوظيفة ، أي ' functionDemo () 'بنجاح.
ما هي 'functionName () {}'؟
ال ' وظيفة functionName () {} 'يتوافق مع' إعلان الوظيفة '. يتم تعريفه ببساطة عن طريق تعريف الوظيفة باسمها. يتم تعيين الوظيفة للمعرف في وقت التحليل.
بناء الجملة
وظيفة functionName ( ) { ... } ؛دعنا نطبق البنية المحددة أعلاه لمعرفة التنفيذ العملي لها.
مثال 2: تطبيق “function functionName () {}” في جافا سكريبت
ينطبق هذا المثال على ' وظيفة functionName () {} 'لتنفيذ وظيفة JavaScript المحددة.
كود جافا سكريبت
دعنا نلقي نظرة على شفرة جافا سكريبت التالية:
< النصي >الوظيفة ( ) ؛
وظيفة وظيفة ( ) {
وحدة التحكم. سجل ( 'مرحبًا Linuxhint' ) ؛
} ؛
النصي >
في كتلة التعليمات البرمجية أعلاه ، الوظيفة ' functionDemo () يتم استدعاء 'أولاً ثم الإعلان عنه. تستخدم طريقة 'console.log ()' لإرجاع الرسالة المذكورة.
انتاج |
يعرض الإخراج نتيجة الوظيفة المعرفة من قبل المستخدم. أيضًا ، يمكن تحليل أنه يمكن استدعاء الوظيفة بغض النظر عن تسلسل الوظيفة التي يتم تضمينها أو تحديدها.
الاختلافات بين 'var functionName = function () {}' مقابل 'functionName () {}'
الاختلافات الرئيسية بين ' var functionName = function () {} 'و' وظيفة functionName () {} 'الإعلان مدرج أدناه:
- يتم وضع 'إعلان الوظيفة' داخل تعريف الوظيفة بينما يتم وضع 'تعبير الوظيفة' خارج النص الخاص به باعتباره بيان إسناد.
- لا يولد 'إعلان الوظيفة' أي خطأ إذا كانت الدالة تستدعي قبله. ومع ذلك ، فإن 'تعبير الوظيفة' يولد خطأ إذا استدعى المستخدم دالة قبل إعلانها.
خاتمة
ال ' var functionName = function () {} 'هو تعبير وظيفي بينما' وظيفة functionName () {} يُعرف 'باسم' إعلان الوظيفة '. يعمل 'تعبير الوظيفة' بمثابة بيان إسناد ويجب إسناده إلى متغير قبل استدعاء الوظيفة. من ناحية أخرى ، يمكن الوصول إلى 'إعلان الوظيفة' بغض النظر عن تسلسل الاستدعاء. يوضح هذا الدليل الفرق بين 'تعبير الوظيفة' ، أي 'var functionName = function () {}' و 'إعلان الوظيفة' ، أي 'functionName () {}' في JavaScript.