JavaScript मधील printIn आणि console.log मधील फरक काय आहे? (उत्तर दिले) - सर्व फरक

04-06-202304-06-2023 Mary Davis

सामग्री सारणी

JavaScript ही एक प्रोग्रामिंग भाषा आहे जी फक्त वेब ब्राउझरमध्ये उपलब्ध आहे. JavaScript कन्सोल हा तुमच्या ब्राउझरमधील कमांड-लाइन इंटरफेस आहे जो तुम्हाला कोड स्निपेट्स चालवण्याची परवानगी देतो. जेव्हा ते कोड स्निपेट तुम्ही सध्या पाहत असलेल्या वेबपृष्ठाशी संवाद साधण्यासाठी डिझाइन केलेले असते, तेव्हा अनपेक्षित परिणाम येऊ शकतात.

“प्रिंटइन” मजकूर कन्सोलवर छापला जातो, तर तुम्ही लॉग करण्यासाठी “console.log” वापरू शकतो आणि विविध उद्देशांसाठी वापरू शकतो, जसे की बग अहवाल म्हणून ईमेल करणे.

तुम्ही प्रोग्रामर असल्यास, वापरणे आणि समजून घेणे किती महत्त्वाचे आहे हे तुम्हाला माहिती आहे JavaScript सारख्या स्क्रिप्टिंग भाषा आहेत. तथापि, काही वेळा तुम्ही त्याच्या कार्यांबद्दल गोंधळात पडू शकता.

PrintIn आणि console.log फंक्शन प्रमाणेच. या दोन फंक्शन्समधील फरक आणि अनुप्रयोग समजून घेण्यास मदत करण्यासाठी, मी त्यांचा अर्थ काय आणि ते कसे कार्य करतात हे समजावून सांगेन.

चला सुरुवात करूया!

JavaScript म्हणजे काय?

जावास्क्रिप्ट म्हणजे काय?

जावास्क्रिप्ट ही नियमितपणे अपडेट केलेली सामग्री तयार करणे, मल्टीमीडिया नियंत्रित करणे, ग्राफिक्स अॅनिमेट करणे आणि इतर बरेच काही करण्यासाठी स्क्रिप्टिंग भाषा आहे.

जावास्क्रिप्ट प्रोग्रामिंग भाषेमध्ये काही मानक प्रोग्रामिंग क्षमता आहेत ज्या तुम्हाला यासारख्या गोष्टी करण्यास सक्षम करतात:

वेब पृष्ठावर काही घटना घडतात तेव्हा, तुम्ही चालू असलेल्या कोडला प्रतिसाद देऊ शकता.
उपयुक्त डेटा संग्रहित करण्यासाठी तुम्ही व्हेरिएबल्स वापरू शकता.
तुम्ही "स्ट्रिंग्स" वापरू शकता जे एक मजकूर संपादन ऑपरेशन आहेप्रोग्रामिंगमध्ये

वापरकर्ता JavaScript भाषेच्या शीर्षस्थानी जोडलेली कार्यक्षमता, दुसरीकडे, अधिक मनोरंजक आहे. अॅप्लिकेशन प्रोग्रामिंग इंटरफेस (APIs) तुमच्या JavaScript कोडला अतिरिक्त फंक्शन्स देतात.

थोडक्यात, JavaScript मध्ये बरीच फंक्शन्स आहेत जी तुम्हाला तुम्ही काय कोडिंग करत आहात हे नियंत्रित करू देते. या फंक्शन्समध्ये printIn आणि console.log समाविष्ट आहे.

PrintIn म्हणजे काय?

कोडिंग

प्रिंटइन ही कन्सोलवर मजकूर प्रदर्शित करण्यासाठी जावा पद्धत आहे. ही पद्धत हा मजकूर स्ट्रिंगच्या स्वरूपात पॅरामीटर म्हणून स्वीकारते. पुढील ओळीच्या सुरुवातीला कर्सर ठेवताना हा दृष्टिकोन मजकूर कन्सोलवर मुद्रित करतो.

पुढील मुद्रण पुढील ओळीवर सुरू होते . अनेक प्रिंटइन पद्धती आहेत जसे:

<20

प्रिंटइनमध्ये विविध पद्धतींचा वापर

जरी तुमच्या कामाचे कोडिंग करण्यासाठी तुम्ही वापरत असलेल्या अनेक पद्धती आहेत, तरीही तुम्हाला कन्सोलमध्ये मजकूर प्रदर्शित करण्यासाठी दुसरी पद्धत येऊ शकते. कन्सोलमध्ये, तुम्ही तुमचे काम मुद्रित करू शकता अशा दोन पद्धती आहेत, पहिली प्रिंटइन आहे तर दुसरी प्रिंट आहे.

तुम्ही प्रिंटिंगच्या या दोन पद्धतींमध्ये गोंधळून जाऊ नये म्हणून, चला प्रिंटिंगमधील दुसरी पद्धत, प्रिंटमधील फरक परिभाषित करा.

कन्सोलवर मजकूर प्रदर्शित करण्यासाठी प्रिंट ही जावा पद्धत आहे. ही पद्धत हा मजकूर पॅरामीटर म्हणून स्वीकारते. स्ट्रिंग. पुढील ओळीच्या शेवटी कर्सर ठेवताना हा दृष्टिकोन मजकूर कन्सोलवर मुद्रित करतो.

पुढील प्रिंटिंग येथून सुरू होईल . अनेक प्रिंटइन पद्धती आहेत जसे:

void printIn()	वर्तमान ओळ समाप्त करण्यासाठी लाइन विभाजक स्ट्रिंग लिहिते.
void printIn(boolean x)	बूलियन प्रिंट केल्यानंतर ओळ संपुष्टात येते.
void printIn(char x)	एक वर्ण मुद्रित केल्यानंतर ओळ संपुष्टात येते.
व्हॉइड प्रिंट(char [ ] x)	अक्षरांचा अ‍ॅरे मुद्रित केल्यावर ओळ समाप्त केली जाते.
void printIn(double x)	दुहेरी ओळ मुद्रित केल्यानंतर ओळ संपुष्टात येते.
void printIn(float x)	फ्लोट प्रिंट केल्यानंतर ओळ समाप्त केली जाते.<17
रक्तprintIn(int x)	एक पूर्णांक मुद्रित केल्यानंतर ओळ समाप्त केली जाते.
void printIn(long x)	सोबत मुद्रित केल्यावर ओळ संपुष्टात येते.
void printIn(Object x)	ऑब्जेक्ट प्रिंट केल्यावर लाइन संपवली जाते.
void printIn(String x)	स्ट्रिंग मुद्रित केल्यानंतर ओळ समाप्त केली जाते.

<18

व्हॉइड प्रिंट(बूलियन b)	बुलियन व्हॅल्यू प्रिंट केली जाते.
void print(char c)	एक वर्ण मुद्रित केला जातो.
void print(char) [ ] s)	अक्षरांची अ‍ॅरे मुद्रित केली जाते.
व्हॉइड प्रिंट(डबल डी)	दुहेरी-सुस्पष्टता फ्लोटिंग-पॉइंट नंबर प्रिंट केला आहे.
व्हॉइड प्रिंट(फ्लोट एफ)	फ्लोटिंग पॉइंट नंबर प्रिंट केला आहे.
void print(int i)	एक पूर्णांक प्रिंट केला जातो.
void print(long l )	एक लांब पूर्णांक मुद्रित केला जातो.
व्हॉइड प्रिंट(ऑब्जेक्ट ऑब्जेक्ट)	एक ऑब्जेक्ट प्रिंट केला जातो .
void प्रिंट(स्ट्रिंग s)	एक स्ट्रिंग मुद्रित केली जाते.

प्रिंटमध्ये विविध पद्धतींचा वापर

हे देखील पहा: Tylenol आणि Tylenol संधिवात मध्ये फरक काय आहे? (मुख्य तथ्ये) – सर्व फरक

थोडक्यात, दोनमधील महत्त्वाचा फरक म्हणजे कन्सोलमध्ये मुद्रित केलेल्या मजकुराचे स्थान. PrintIn खालील ओळीच्या सुरूवातीस आहे तर प्रिंट खालील ओळीच्या शेवटी आहे.

तुम्हाला विंडोज 10-प्रो आणि प्रो-एन बद्दल जाणून घेण्यास स्वारस्य असल्यास, तपासा माझा दुसरा लेख.

Console.log म्हणजे काय?

Console.log

कन्सोल हे JavaScript ऑब्जेक्ट आहे जे तुम्हाला ब्राउझरच्या डीबगिंग कन्सोलमध्ये प्रवेश देते.

कन्सोल.लॉग हे JavaScript आहे फंक्शन जे त्यामध्ये पूर्वी परिभाषित केलेले कोणतेही व्हेरिएबल्स मुद्रित करते, तसेच वापरकर्त्याला दर्शविण्याची आवश्यकता असलेली कोणतीही माहिती.

आउटपुट बहुतेक टर्मिनलवर लॉग (मुद्रित) केले जाते. स्ट्रिंग्स, अॅरे, ऑब्जेक्ट्स आणि बूलियन्ससह log() मध्ये कोणताही प्रकार पास केला जाऊ शकतो.

console.log() पद्धतीचाआउटपुट JavaScript कन्सोलमध्ये दृश्यमान आहे, जे ब्राउझरच्या विकसक साधनाद्वारे प्रवेशयोग्य आहे. तुम्ही console.log() सह जे काही आउटपुट करता ते सर्व अंतिम वापरकर्त्यांना त्यांच्या गट किंवा भूमिकेकडे दुर्लक्ष करून प्रवेशयोग्य आहे.

हे फंक्शन वापरल्यानंतर तुम्ही ते कसे वापरू शकता आणि आउटपुटवर एक नजर टाकूया.

JavaScript आउटपुट

// console. log() पद्धती

console.log('abc');

console.log(1);

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 ]

वस्तू { a : 1, b : 2 , c : 3

console.log वापरून इनपुट आणि आउटपुट

काय आहे Javascript मध्ये Console.log पद्धतीसह कन्सोलवर प्रिंट करा?

ही JavaScript ची सर्वात लोकप्रिय आणि मोठ्या प्रमाणावर वापरली जाणारी कन्सोल पद्धत आहे. कन्सोलवर विविध संदेश किंवा गणना परिणाम मुद्रित करण्यासाठी किंवा कोड डीबग करताना देखील ही पद्धत वारंवार वापरली जाते.

तुम्ही काही कोड लिहिला आहे जो दोन संख्या जोडतो आणि तुम्हाला परिणाम पहायला आवडेल कन्सोलवरील त्या ऑपरेशनचे; या प्रकरणात, तुम्ही console.log() पद्धत वापरू शकता.

Console.log समकालिक किंवा समकालिक आहे का?

कन्सोल.लॉग सिंक्रोनस किंवा एसिंक्रोनस आहे की नाही यावर मी तुमच्याशी चर्चा करण्यापूर्वी, सिंक्रोनस आणि एसिंक्रोनस म्हणजे काय ते मी प्रथम परिभाषित करेन.

सिंक्रोनस म्हणजे ते एकाच वेळी होते तर अॅसिंक्रोनस म्हणजे ते एकाच वेळी होत नाही. तरसिंक्रोनसमधील सहभागी/वापरकर्ते त्वरित अभिप्राय प्राप्त करू शकतात. असिंक्रोनस तुम्हाला तुमच्या वेळेत शिकण्याची परवानगी देतो.

उत्तर देण्यासाठी, concole.log असिंक्रोनस आहे. उदाहरणे दाखवून, विशेषत: अधिक कार्यक्षम रीतीने ऑब्जेक्ट्सच्या अ‍ॅरेचे वर्गीकरण करून असे का होते ते मी तुम्हाला दाखवतो. चला सुरुवात करूया.

आपल्या अॅरेमध्ये खालील ऑब्जेक्ट्स आहेत असे समजा:

वापरकर्त्यांना द्या = [ { नाव: “निकोल” , वय: 20, आडनाव: “लुना” } , { नाव: “कारा” , वय: 21, आडनाव: “लिम” } , { नाव: “लारा” , वय: 20, आडनाव: “टुआझॉन” }; ]

अ‍ॅरे ऑब्जेक्ट्स

तुम्ही या अ‍ॅरेची फील्ड नावानुसार क्रमवारी लावली पाहिजे, जी सामान्यत: खालीलप्रमाणे केली जाते.

// नावाने (कारा, लारा, निकोल )

users.sort ( ( a, b ) => a.name > b.name ? 1 : -1);

// वयानुसार ( लारा, निकोल, कारा )

users.sort ( ( a, b ) => a.age > b.name ? 1 : -1);

अ‍ॅरे ऑब्जेक्ट्सची क्रमवारी लावणे

त्याची अधिक कार्यक्षमतेने मांडणी करण्यासाठी, तुमच्याकडे हे असेल:

<20

अ‍ॅरे ऑब्जेक्ट्सची क्रमवारी लावणे (साधा मार्ग)

असे करण्यासाठी, तुम्हाला पास करण्यासाठी "बायफिल्ड" फंक्शन लिहावे लागेल आणि ते तुमच्या अॅरेमधील ऑब्जेक्ट्सच्या Array.prototype.sort वर क्रमवारी लावा. बरं, हा या लेखाचा प्राथमिक फोकस नाही पण वरील उदाहरण सोप्या पद्धतीने पूर्ण करण्यासाठी कृपया खालील उदाहरण पहा.

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

users.sort(byField( 'वय' ));

> वापरकर्त्यांना द्या =[ { नाव: “निकोल” , वय: 20, आडनाव: “लुना” } , { नाव: “कारा” , वय: 21, आडनाव: “लिम” } , { नाव: “लारा”, वय: 20, आडनाव: "टुझॉन" }; ]

फील्ड (फील्डनेम) द्वारे कार्य { रिटर्न (ए, बी ) => a[fieldName]? १ : -१ ;

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

concole.log(users);

users.sort(byField( 'वय' ) );

concole.log(वापरकर्ते);

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

> 0: { नाव: ” लारा “, वय: ” 20 ” , आडनाव: ” Tuazon ”

> 1: { नाव: ” निकोल “, वय: ” 20 ” , आडनाव: ” लुना ”

> 1: { नाव: ” कारा “, वय: ” 21 ” , आडनाव: ” लिम ”

लांबी: 3

> _प्रोटो_: अॅरे (0)

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

> 0: { नाव: ” लारा “, वय: ” 20 ” , आडनाव: ” Tuazon ”

> 1: { नाव: ” निकोल “, वय: ” 20 ” , आडनाव: ” लुना ”

> 1: { नाव: ” कारा “, वय: ” 21 ” , आडनाव: ” लिम ”

हे देखील पहा: Ox VS Bull: समानता & फरक (तथ्य) - सर्व फरक

लांबी: 3

> _proto_: अॅरे (0)

सॉर्ट केलेले अॅरे ऑब्जेक्ट्स

तुम्ही वरील टेबलवरून पाहू शकता की मी क्रमवारी लावतो अॅरे ऑब्जेक्ट्स दोनदा, मी प्रथम नावानुसार क्रमवारी लावतो, नंतर वयानुसार, आणि प्रत्येक क्रमवारी ऑपरेशननंतर, मी console.log () चालवतो. तसेच, तुम्ही पाहिले असेल की console.log() ने प्रत्येक प्रकारच्या निकालासाठी समान आउटपुट पुनर्संचयित केले आहे, परंतु हे तसे नाही; का ते मला समजावून सांगा.

मी वरील कोड एकाच वेळी रन केला, नंतर console.log () वरून प्रत्येक प्रतिक्रिया विस्तृत करण्याचा निर्णय घेतला. हे महत्त्वपूर्ण आहे कारण console.log() आहेएसिंक्रोनस.

इव्हेंट लूपच्या दृष्टीने, सर्व असिंक्रोनस वैशिष्ट्ये इव्हेंट टेबलवर येतात. या प्रकरणात, console.log() आणल्यानंतर, ते इव्हेंट टेबलवर जाते आणि विशिष्ट घटना घडण्याची प्रतीक्षा करते.

जेव्हा एखादा इव्हेंट घडतो, तेव्हा console.log() इव्हेंट रांगेत पाठवला जाईल, जिथे ते या इव्हेंट रांगेतील सर्व प्रक्रिया होईपर्यंत प्रतीक्षा करते जे तुमचा console.log ठेवल्यावर आधीपासून उपस्थित होते आणि कॉलवर पाठवले जाते. स्टॅक, नंतर तुमचा console.log() या कॉल स्टॅकवर पाठवला जात आहे.

Javascript Console.log कसे उघडायचे?

वेब ब्राउझरमध्ये, कन्सोल हे अनेक विकसक साधनांपैकी एक आहे. तुमचा JavaScript कोड समस्यानिवारण करण्यासाठी, तुम्ही कन्सोल वापरू शकता. ब्राउझरवर अवलंबून अनेक ठिकाणी कन्सोल आढळू शकते.

मी तुम्हाला या ट्युटोरियलमध्ये तुमच्या Google Chrome ब्राउझरमध्ये कन्सोल कुठे शोधायचा ते शिकवेन.

Chrome मध्ये कन्सोल लॉग कसा उघडायचा यावरील पायऱ्या

Chrome कन्सोल लॉग कसा उघडायचा ते पाहू.

Chrome ब्राउझर उघडे असताना पॉप-अप मेनूमधून तपासणी निवडा.
डेव्हलपर टूल्सचे “एलिमेंट्स जेव्हा तुम्ही Inspect चालवाल तेव्हा डीफॉल्टनुसार टॅब उघडला जाईल. “एलिमेंट्स” च्या उजवीकडे “कन्सोल” वर क्लिक करा.
तुम्ही आता कन्सोल तसेच कन्सोल लॉगमध्ये रेकॉर्ड केलेले कोणतेही आउटपुट पाहू शकता.

तुम्ही देखील उघडू शकता अनेक शॉर्टकट की वापरून Chrome विकसक साधने. तुमच्या Chrome च्या आवृत्तीनुसार, तुम्हीखालील शॉर्टकट वापरू शकता:

Windows आणि Linux साठी,

Ctrl + Shift + I	डेव्हलपर टूल विंडो दिसेल.
Ctrl + Shift + J	Developer Tools मधील Console टॅब निवडतो.
Ctrl + Shift + C<17	एलिमेंट मोड टॉगलची तपासणी करा

शॉर्टकट की

अंतिम विचार

प्रिंटइनमधील मुख्य फरक आणि console.log हे त्यांचे कार्य आहे आणि कोडचा परिणाम . PrintIn मजकूर कन्सोलवर मुद्रित करते, तर console.log पूर्वी कोड केलेल्या स्ट्रिंगसह कोणतेही चल मुद्रित करते.

मुळात, जावास्क्रिप्टची ही फंक्शन्स तुम्हाला कन्सोलवर व्हेरिएबल्स आणि मजकूर प्रिंट आणि प्रदर्शित करण्याची परवानगी देतात. JavaScript मध्ये, तुम्ही विविध पद्धती वापरून मुद्रित करू शकता.

डीबगिंग करताना JavaScript कन्सोल लॉग पद्धत हा सर्वात सामान्यपणे वापरला जाणारा पर्याय आहे. तुमचा कोड अधिक प्रभावीपणे डीबग करण्यासाठी, तुम्ही त्या सर्वांचा सराव केला पाहिजे आणि त्यांचा योग्य वापर कसा करायचा ते शिकले पाहिजे.

प्रोग्रामर आणि डेव्हलपर बहुतेकदा हे त्यात पूर्वनिर्धारित केलेले कोणतेही व्हेरिएबल्स मुद्रित करण्यासाठी वापरतात, तसेच आवश्यक असलेली कोणतीही माहिती वापरकर्त्याला सादर करणे.