سبب الكتابة:
عند كتابة الوظائف في JS ، نعلن عادة وظيفة في شكل وظيفة الاتفاقية fn () {}. عند قراءة بعض المكونات الإضافية الممتازة ، لا يسعنا إلا أن نرى إنشاء وظائف مثل var fn = function () {}. ما هو الفرق بينهما؟ اليوم ، سوف نتحدث عن بيان الوظيفة الرائع بروح كسر خزفي حتى النهاية.
إعلان الوظيفة
رمز عينة إعلان الوظيفة
نسخة الكود كما يلي:
وظيفة fn () {
console.log ('fn function execution ..') ؛
// شفرة..
}
بهذه الطريقة ، نعلن وظيفة تدعى FN. هنا هو الفكر. هل تعتقد أنه سيتم تنفيذه إذا تم استدعاؤه في هذه الوظيفة؟ أم أنه سيتم الإبلاغ عن خطأ؟
fn () ؛ // اتصل بوظيفة FN التي أعلنناها من قبل
نسخة الكود كما يلي:
وظيفة fn () {
console.log ('fn function execution ..') ؛
// شفرة..
}
نتيجة إخراج وحدة التحكم:
نعم ، يمكن استدعاء وظيفة FN في هذا الوقت ، لذلك دعونا نلخص الأسباب هنا.
تلخيص:
1: في هذا الوقت ، تكون وظيفة FN هي نتيجة متغير ويتم تخزينها في متغير في سياق عالمي افتراضيًا (يمكن التحقق منه بواسطة النافذة. اسم الوظيفة)
2: هذه الطريقة هي إعلان الوظيفة ، وهي متوفرة بالفعل عند إدخال مرحلة السياق العالمية وإدخال مرحلة تنفيذ التعليمات البرمجية. ملاحظة: ستهيئة JavaScript بيئة السياق في كل مرة تدخل فيها الطريقة (من Global → Local)
3: يمكن أن يؤثر على الكائنات المتغيرة (تؤثر فقط على المتغيرات المخزنة في السياق)
تعبيرات الوظيفة
رمز عينة تعبير الوظيفة
نسخة الكود كما يلي:
var fn = function () {
console.log ('fn function [expression] تعلن التنفيذ ...')
// شفرة..
}
لذلك نعلن وظيفة مجهولة ونشير إلى إشارة إلى المتغير FN؟
مرة أخرى ، اتصل به مرة واحدة أعلى وتحت الوظائف التي أعلنها هذا التعبير لرؤية نتائج الإخراج لوحدة التحكم.
نسخة الكود كما يلي:
// من أجل رؤية إخراج وحدة التحكم بوضوح ، نقوم بإجراء علامة قبل وبعد كل مكالمة لزيادة قابلية القراءة.
console.log ('قبل بدء المكالمة ...') ؛
fn () ؛
console.log ('تنتهي المكالمة السابقة ...') ؛
var fn = function () {
console.log ('fn function [expression] تعلن التنفيذ ...')
// شفرة..
}
console.log ('تبدأ المكالمة بعد ذلك ...') ؛
fn () ؛
console.log ('تبدأ المكالمة بعد ذلك ...') ؛
نتائج طباعة وحدة التحكم:
يمكنك أن ترى أنه عندما يتم تنفيذ الكود لأول مرة عند استدعاء وظيفة FN () ، فإن المطالبة هي: FN ليست وظيفة (FN ليست طريقة) ، ويتم إنهاء العملية عندما تواجه خطأ.
يوضح هذا أنه عندما يتم استدعاء FN () لأول مرة ، لا يوجد متغير VAR FN كخاصية للكائن العالمي ، ولا يتم تهيئة سياق الوظيفة المجهولة المشار إليها بواسطة FN ، لذلك فشلت المكالمة قبل ذلك.
نسخة الكود كما يلي:
// الآن التعليق على منطق المكالمة السابق أولاً ، ثم انظر إلى إخراج وحدة التحكم
// console.log ('قبل بدء المكالمة ...') ؛
// fn () ؛
// console.log ('تنتهي المكالمة السابقة ...') ؛
var fn = function () {
console.log ('fn function [expression] تعلن التنفيذ ...')
// شفرة..
}
console.log ('تبدأ المكالمة بعد ذلك ...') ؛
fn () ؛ // دعا بعد التعبير
console.log ('تبدأ المكالمة بعد ذلك ...') ؛
نتائج طباعة وحدة التحكم:
يمكن ملاحظة أنه من المقبول استدعاء وظيفة التعبير بعدها. دعونا نلخص لماذا؟
تلخيص:
1: أولاً وقبل كل شيء ، فإن المتغير نفسه غير موجود كدالة ، ولكن إشارة إلى دالة مجهولة (نوع القيمة لا ينتمي إلى مرجع)
2: خلال مرحلة تنفيذ التعليمات البرمجية ، عند تهيئة السياق العالمي ، فإنه غير موجود كسمة عالمية ، لذلك لن يتسبب في تلوث الكائنات المتغيرة.
3: هذا النوع من الإعلانات شائع بشكل عام في تطوير المكونات الإضافية ، ويمكن أيضًا استخدامه كمكالمة لوظائف رد الاتصال في عمليات الإغلاق.
لذا فإن الدالة fn () {} لا تساوي var fn = function () {} ، لها اختلافات أساسية.