ما الفرق بين printIn و console.log في JavaScript؟ (مجاب) - كل الاختلافات

04-06-202304-06-2023 Mary Davis

جدول المحتويات

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

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

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

تمامًا مثل وظيفة printIn و console.log. لمساعدتك على فهم الاختلاف بين هاتين الوظيفتين وتطبيقهما ، سأشرح ما تعنيه وكيف تعملان.

لنبدأ!

ما المقصود بجافا سكريبت؟

ما هي JavaScript؟

JavaScript هي لغة برمجة نصية لإنشاء مواد يتم تحديثها بانتظام ، والتحكم في الوسائط المتعددة ، والرسوم المتحركة ، وأي شيء آخر تقريبًا.

تحتوي لغة برمجة JavaScript على بعض إمكانيات البرمجة القياسية التي تمكنك من القيام بأشياء مثل:

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

الوظيفة المضافة فوق لغة JavaScript للمستخدم ، من ناحية أخرى ، هي أكثر إثارة للاهتمام. توفر واجهات برمجة التطبيقات (APIs) وظائف إضافية لشفرة JavaScript.

باختصار ، تحتوي JavaScript على الكثير من الوظائف التي تتيح لك التحكم في ما تقوم بتكويده. تتضمن هذه الوظائف printIn و console.log.

أنظر أيضا: الفرق بين الدين والعبادة (ما تريد معرفته) - كل الفروق

ما هو PrintIn؟

الترميز

يعد PrintIn طريقة Java لعرض النص على وحدة التحكم. تقبل هذه الطريقة هذا النص كمعامل في شكل سلسلة. هذا الأسلوب يطبع النص إلى وحدة التحكم مع إبقاء المؤشر في بداية السطر التالي.

تبدأ الطباعة التالية في السطر التالي . هناك عدة طرق printIn مثل:

void printIn ()	يكتب سلسلة فاصل الأسطر لإنهاء السطر الحالي.
void printIn (boolean x)	يتم إنهاء السطر بعد طباعة قيمة منطقية.
طباعة باطلة (حرف x)	يتم إنهاء السطر بعد طباعة حرف.
طباعة باطلة (char [] x)	يتم إنهاء السطر بعد طباعة مصفوفة من الأحرف.
باطل printIn (مزدوج x)	يتم إنهاء السطر بعد طباعة سطر مزدوج.
void printIn (float x)	يتم إنهاء السطر بعد الطباعة واقفا على قدميه.
باطلprintIn (int x)	يتم إنهاء السطر بعد طباعة عدد صحيح.
void printIn (long x)	يتم إنهاء السطر بعد الطباعة.
void printIn (Object x)	يتم إنهاء السطر بعد طباعة كائن.
void printIn (String x)	يتم إنهاء السطر بعد طباعة سلسلة.

استخدام طرق مختلفة في printIn

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

الطباعة هي طريقة Java لعرض النص على وحدة التحكم. تقبل هذه الطريقة هذا النص كمعامل في شكل خيط. يقوم هذا الأسلوب بطباعة النص إلى وحدة التحكم مع إبقاء المؤشر في نهاية السطر التالي.

ستبدأ الطباعة التالية هنا . هناك عدة طرق printIn مثل:

طباعة باطلة (boolean b)	تتم طباعة قيمة منطقية.
طباعة باطلة (char c)	تتم طباعة حرف.
طباعة باطلة (char [ ] س)	تتم طباعة مصفوفة من الأحرف.
طباعة باطلة (مزدوجة d)	دقة مزدوجة تتم طباعة رقم الفاصلة العائمة.
طباعة باطلة (عائمة f)	تتم طباعة رقم الفاصلة العائمة.
طباعة باطلة (int i)	تتم طباعة عدد صحيح.
طباعة باطلة (طويلة l )	تتم طباعة عدد صحيح طويل.
طباعة باطلة (كائن كائن)	تتم طباعة كائن .
طباعة باطلة (سلسلة)	تتم طباعة سلسلة.

استخدام طرق مختلفة في الطباعة

باختصار ، يتمثل الاختلاف الرئيسي بين الاثنين في وضع النص المطبوع في وحدة التحكم. يوجد PrintIn في بداية السطر التالي بينما تكون Print في نهاية السطر التالي.

إذا كنت مهتمًا بمعرفة Windows 10-pro و pro-n ، فتحقق خارج مقالتي الأخرى.

ما هو Console.log؟

Console.log

وحدة التحكم هي كائن JavaScript يمنحك الوصول إلى وحدة التحكم في تصحيح الأخطاء في المستعرض.

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

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

دعونا نلقي نظرة على كيفية استخدامه ، والمخرجات بعد استخدام هذه الوظيفة.

JavaScript الإخراج

طريقة // console. log()

console.log('abc');

console.log(1);

أنظر أيضا: لم يكن ضد هافن: المعاني & amp؛ اختلافات الاستخدام - جميع الاختلافات

console .log(true);

console .log(null);

console .log(undefined);

console .log([1, 2, 3, 4]); // array inside lo g

console .log({a:1, b:2, c:3}); // object inside lo g

abc

صحيح

فارغ

غير محدد

صفيف (4) [1 ، 2 ، 3 ، 4]

كائن {أ : 1، b: 2، c: 3}

الإدخال والإخراج باستخدام console.log

ما هو طريقة الطباعة إلى وحدة التحكم باستخدام Console.log في Javascript؟

إنها طريقة وحدة التحكم الأكثر شيوعًا والأكثر استخدامًا في JavaScript. تُستخدم هذه الطريقة بشكل متكرر لطباعة رسائل مختلفة أو نتائج حسابية إلى وحدة التحكم أو حتى أثناء تصحيح الأخطاء.

لقد كتبت بعض التعليمات البرمجية التي تضيف رقمين ، وترغب في رؤية النتيجة من تلك العملية على وحدة التحكم ؛ في هذه الحالة ، يمكنك استخدام طريقة console.log ().

هل Console.log متزامن أم غير متزامن؟

قبل أن أناقش معك ما إذا كان console.log متزامنًا أم غير متزامن ، سأحدد أولاً ما هو متزامن وغير متزامن.

يعني التزامن أنه يحدث في نفس الوقت بينما يعني غير المتزامن ذلك لا يحدث في نفس الوقت. لذايمكن للمشاركين / المستخدمين بشكل متزامن تلقي التعليقات على الفور. غير متزامن يتيح لك التعلم في وقتك.

للإجابة ، concole.log غير متزامن. سأوضح لك السبب في ذلك ، من خلال عرض الأمثلة ، لا سيما فرز مجموعة من الكائنات بطريقة أكثر كفاءة. لنبدأ.

لنفترض أن لديك العناصر التالية في المصفوفة:

let users = [{name: “Nicole”، age: 20، اللقب: "Luna"} ، {الاسم: "Cara" ، العمر: 21 ، اللقب: "Lim"} ، {الاسم: "Lara" ، العمر: 20 ، اللقب: "Tuazon"} ؛ ]

كائنات المصفوفة

يجب عليك فرز هذه المصفوفة حسب اسم الحقل ، والذي يتم عادةً على النحو التالي.

/ / بالاسم (Cara، Lara، Nicole)

users.sort ((a، b) = & gt؛ a.name & gt؛ b.name؟ 1: -1)؛

/ / حسب العمر (Lara، Nicole، Cara)

users.sort ((a، b) = & gt؛ a.age & gt؛ b.name؟ 1: -1)؛

فرز كائنات المصفوفة

لترتيبها بطريقة أكثر فاعلية ، سيكون لديك مثل هذا:

users.sort (byField ('name'))؛

users.sort (byField ('age'))؛

فرز كائنات المصفوفة (طريقة بسيطة)

للقيام بذلك ، يجب عليك كتابة وظيفة "Byfield" لتمريرها وفرزها إلى Array.prototype.sort من الكائنات في المصفوفة الخاصة بك. حسنًا ، ليس هذا هو التركيز الأساسي لهذه المقالة ولكن يرجى إلقاء نظرة على المثال أدناه لإكمال المثال أعلاه بطريقة بسيطة.

& gt؛ السماح للمستخدمين =[{الاسم: "نيكول" ، العمر: 20 ، اللقب: "لونا"} ، {الاسم: "كارا" ، العمر: 21 ، اللقب: "ليم"} ، {الاسم: "لارا" ، العمر: 20 ، اللقب: "Tuazon"} ؛ ]

دالة من خلال الحقل (اسم الحقل) {return (a، b) = & gt؛ أ [fieldName]؟ 1: -1 ؛ }

users.sort (byField ('name')) ؛

concole.log (المستخدمون) ؛

users.sort (byField ('age')) ؛

concole.log (المستخدمون) ؛

(3) [{…}، {…}، {…}]

& gt؛ 0: {name: "Lara" ، العمر: "20" ، اللقب: "Tuazon"}

& gt؛ 1: {الاسم: "نيكول" ، العمر: "20" ، اللقب: "لونا"}

& GT؛ 1: {الاسم: "كارا" ، العمر: "21" ، اللقب: "ليم"}

الطول: 3

& GT؛ _proto_: صفيف (0)

(3) [{…}، {…}، {…}]

& gt؛ 0: {name: "Lara" ، العمر: "20" ، اللقب: "Tuazon"}

& gt؛ 1: {الاسم: "نيكول" ، العمر: "20" ، اللقب: "لونا"}

& GT؛ 1: {الاسم: "كارا" ، العمر: "21" ، اللقب: "ليم"}

الطول: 3

& GT؛ _proto_: صفيف (0)

كائنات مصفوفة مرتبة

يمكنك أن ترى من الجدول أعلاه أنني أفرز كائنات المصفوفة مرتين ، أقوم بالفرز حسب الاسم أولاً ، وبعد ذلك حسب العمر ، وبعد كل عملية فرز ، أقوم بتشغيل console.log (). أيضًا ، ربما تكون قد لاحظت أن console.log () استعاد نفس الإخراج لكل نوع من النتائج ، لكن هذا ليس هو الحال ؛ اسمحوا لي أن أشرح السبب.

قمت بتشغيل الكود قبل كل شيء مرة واحدة ، ثم قررت توسيع كل رد فعل من console.log (). هذا مهم لأن console.log () هوغير متزامن.

من حيث تكرار الحدث ، تصل جميع الميزات غير المتزامنة إلى جدول الأحداث. في هذه الحالة ، بعد إحضار console.log () ، ينتقل إلى Event Table وينتظر حدوث حدث معين.

عند وقوع حدث ، سيتم إرسال console.log () إلى Event Queue ، حيث ينتظر حتى جميع العمليات الموجودة في قائمة انتظار الأحداث هذه والتي كانت موجودة بالفعل عند وضع console.log الخاص بك وإرساله إلى Call Stack ، ثم يتم إرسال console.log () إلى Call Stack هذا أيضًا.

كيف تفتح Javascript Console.log؟

في متصفحات الويب ، تعد وحدة التحكم واحدة من عدة أدوات للمطورين. من أجل استكشاف أخطاء كود JavaScript وإصلاحها ، يمكنك استخدام وحدة التحكم. يمكن العثور على وحدة التحكم في العديد من الأماكن اعتمادًا على المتصفح.

سأعلمك أين تكتشف وحدة التحكم في متصفح Google Chrome في هذا البرنامج التعليمي.

خطوات حول كيفية فتح سجل وحدة التحكم في Chrome

دعونا نلقي نظرة على كيفية فتح سجل وحدة تحكم Chrome.

حدد فحص من القائمة المنبثقة أثناء فتح متصفح Chrome.
"عناصر أدوات المطور" سيتم فتح علامة التبويب "افتراضيًا عند تشغيل فحص. إلى يمين "العناصر" ، انقر فوق "وحدة التحكم".
يمكنك الآن عرض وحدة التحكم بالإضافة إلى أي إخراج تم تسجيله في سجل وحدة التحكم.

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

لنظامي التشغيل Windows و Linux ،

Ctrl + Shift + I	تظهر نافذة Developer Tools.
Ctrl + Shift + J	يحدد علامة تبويب وحدة التحكم في أدوات المطور.
Ctrl + Shift + C	تبديل وضع فحص العنصر

مفاتيح الاختصار

الأفكار النهائية

الاختلاف الرئيسي بين printIn و console.log هي وظيفتها ونتائج الكود . يقوم PrintIn بطباعة النص إلى وحدة التحكم بينما تطبع console.log أي متغيرات بسلاسل تم ترميزها من قبل.

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

طريقة سجل وحدة تحكم JavaScript هي الخيار الأكثر استخدامًا عند تصحيح الأخطاء. لتصحيح أخطاء التعليمات البرمجية بشكل أكثر فعالية ، يجب عليك التدرب عليها جميعًا ومعرفة كيفية استخدامها بشكل صحيح.

غالبًا ما يستخدم المبرمجون والمطورون هذه لطباعة أي متغيرات تم تحديدها مسبقًا ، بالإضافة إلى أي معلومات تحتاج ليتم تقديمها للمستخدم.