JavaScript Void 0 - ماذا يفعل javascript: void (0)؛ يعني؟

تعني كلمة void "مساحة فارغة تمامًا" وفقًا للقاموس. هذا المصطلح ، عند استخدامه في البرمجة ، يشير إلى إرجاع "لا شيء" - "قيمة فارغة" إذا جاز التعبير.

ما هي الكلمة المفتاحية الباطلة؟

عندما تكون الوظيفة باطلة ، فهذا يعني أن الدالة لا تُرجع شيئًا. هذا يشبه الوظائف في JavaScript التي تعود undefinedبشكل صريح ، مثل:

function und() { return undefined } und() 

أو ضمنيًا ، مثل:

function und() { } und() 

بغض النظر عن التعبيرات والعبارات الموجودة في الوظائف أعلاه (تجمع رقمين معًا ، وتعثر على متوسط ​​5 أرقام ، أيًا كان) ، فلن يتم إرجاع أي نتيجة.

الآن نحن نعرف ما voidهي الكلمة الرئيسية. ماذا عن javascript:void(0)؟

ما هو javascript:void(0)؟

إذا قمنا بتقسيم هذا ، فلدينا javascript:و void(0). دعونا نلقي نظرة على كل جزء بمزيد من التفصيل.

javascript:

يُشار إلى هذا باسم URL الزائف . عندما يتلقى المتصفح هذه القيمة كقيمة hrefفي علامة الارتساء ، فإنه يفسر كود JS الذي يتبع النقطة (:) بدلاً من التعامل مع القيمة كمسار مرجعي.

فمثلا:

Link 

عند النقر على "الرابط" ، ها هي النتيجة:

كما رأينا أعلاه ، لا يتعامل المتصفح hrefمع المسار المشار إليه. بدلاً من ذلك ، يتعامل معها على أنها بعض كود JavaScript يبدأ بعد "javascript:" ويفصل بينها بفواصل منقوطة.

void(0)

يقوم عامل الفراغ بتقييم التعبيرات والعوائد المحددة undefined.

فمثلا:

const result = void(1 + 1); console.log(result); // undefined 

1 + 1تم تقييمه ولكن undefinedيتم إرجاعه. لتأكيد ذلك ، إليك مثال آخر:

Heading

void(document.body.style.backgroundColor = 'red', document.body.style.color = 'white' )

نتيجة الكود أعلاه هي:

إليك مثال آخر:

console.log(void(0) === undefined) // true 

الجمع بين javascript:وvoid(0)

في بعض الأحيان ، لا تريد ارتباطًا للانتقال إلى صفحة أخرى أو إعادة تحميل صفحة. باستخدام javascript:، يمكنك تشغيل التعليمات البرمجية التي لا تغير الصفحة الحالية.

يستخدم هذا مع void(0)الوسائل ، لا تفعل شيئًا - لا تعيد التحميل ، ولا تتنقل ، ولا تشغل أي كود.

فمثلا:

Link 

يتم التعامل مع كلمة "الارتباط" على أنها ارتباط بواسطة المتصفح. على سبيل المثال ، يمكن التركيز عليه ، لكنه لا ينتقل إلى صفحة جديدة.

0هي حجة تنتقل إلى voidأن لا تفعل شيئًا ، ولا تُرجع شيئًا.

يمكن أيضًا تمرير كود JavaScript (كما هو موضح أعلاه) كوسيطات voidللطريقة. هذا يجعل عنصر الارتباط يقوم بتشغيل بعض التعليمات البرمجية ولكنه يحتفظ بنفس الصفحة.

فمثلا:

Link 

عند النقر فوق الزر ، هذه هي النتيجة:

باستخدام void، يخبر المتصفح بعدم إرجاع أي شيء (أو إرجاع undefined).

حالة استخدام أخرى javascript:void(0)للارتباطات مع المرجع هي أنه في بعض الأحيان ، قد يقوم الرابط بتشغيل بعض كود JavaScript في الخلفية ، وقد يكون التنقل غير ضروري. في هذه الحالة ، سيتم استخدام التعبيرات كما تم تمرير الوسائط إلى void.

استنتاج

في هذه المقالة المبسطة ، تعلمنا ما voidهو المشغل وكيف يعمل وكيف يتم استخدامه مع javascript:عنوان URL الزائف hrefلسمات الروابط.

يضمن هذا عدم انتقال الصفحة إلى صفحة أخرى أو إعادة تحميل الصفحة الحالية عند النقر عليها.