JavaScript मा printIn र console.log बीच के भिन्नता छ? (उत्तर) - सबै भिन्नताहरू
सामग्री तालिका
जाभास्क्रिप्ट एक प्रोग्रामिङ भाषा हो जुन वेब ब्राउजरहरूमा मात्र उपलब्ध छ। JavaScript कन्सोल तपाईको ब्राउजरमा रहेको कमाण्ड-लाइन इन्टरफेस हो जसले तपाईलाई कोड स्निपेटहरू चलाउन अनुमति दिन्छ। जब त्यो कोड स्निपेट तपाईंले हाल हेरिरहनु भएको वेबपेजसँग अन्तर्क्रिया गर्न डिजाइन गरिएको हो, अनपेक्षित परिणामहरू आउन सक्छन्।
“प्रिन्टइन” ले पाठलाई कन्सोलमा छाप्न बनाउँछ, जहाँ तपाईं यसलाई लग गर्न र यसलाई बग रिपोर्टको रूपमा इमेल गर्ने जस्ता विभिन्न उद्देश्यका लागि प्रयोग गर्न "console.log" प्रयोग गर्न सक्छ।
यदि तपाइँ प्रोग्रामर हुनुहुन्छ भने, तपाइँलाई प्रयोग गर्न र बुझ्नु कति महत्त्वपूर्ण छ भन्ने थाहा छ। जाभास्क्रिप्ट जस्तै स्क्रिप्टिङ भाषाहरू। यद्यपि, त्यहाँ कहिलेकाहीँ तपाईं यसको कार्यहरूको बारेमा भ्रमित हुन सक्नुहुन्छ।
जस्तै printIn र console.log प्रकार्य। तपाईलाई यी दुई प्रकार्यहरूको भिन्नता र अनुप्रयोग बुझ्न मद्दतको लागि, म तिनीहरूको अर्थ के हो र तिनीहरूले कसरी काम गर्ने भनेर व्याख्या गर्नेछु।
सुरु गरौं!
JavaScript के हो?
जाभास्क्रिप्ट भनेको के हो?
जाभास्क्रिप्ट नियमित रूपमा अद्यावधिक गरिएको सामग्री सिर्जना गर्ने, मल्टिमिडिया नियन्त्रण गर्ने, ग्राफिक्स एनिमेसन गर्ने, र अन्य धेरै कुराहरूका लागि स्क्रिप्टिङ भाषा हो।
जाभास्क्रिप्ट प्रोग्रामिङ भाषामा निश्चित मानक प्रोग्रामिङ क्षमताहरू छन् जसले तपाईंलाई निम्न जस्ता कार्यहरू गर्न सक्षम बनाउँछ:
- वेब पृष्ठमा केही घटनाहरू हुँदा, तपाईंले चलिरहेको कोडमा प्रतिक्रिया दिन सक्नुहुन्छ।
- तपाईंले उपयोगी डाटा भण्डारण गर्न चरहरू प्रयोग गर्न सक्नुहुन्छ।
- तपाईं "स्ट्रिङ्स" प्रयोग गर्न सक्नुहुन्छ जुन पाठ सम्पादन कार्य हो।प्रोग्रामिङमा
प्रयोगकर्ता JavaScript भाषाको शीर्षमा थपिएको कार्यक्षमता, अर्कोतर्फ, अझ रोचक छ। एप्लिकेसन प्रोग्रामिङ इन्टरफेस (एपीआई) ले तपाइँको जाभास्क्रिप्ट कोडलाई अतिरिक्त प्रकार्यहरू दिन्छ।
छोटकरीमा, जाभास्क्रिप्टमा धेरै प्रकार्यहरू छन् जसले तपाइँलाई के कोडिङ गरिरहनु भएको छ भनेर नियन्त्रण गर्न अनुमति दिन्छ। यी प्रकार्यहरूमा printIn र console.log समावेश छ।
PrintIn के हो?
कोडिङ
प्रिन्टइन कन्सोलमा पाठ प्रदर्शन गर्ने एउटा जाभा विधि हो। यो विधिले यो पाठलाई स्ट्रिङको रूपमा प्यारामिटरको रूपमा स्वीकार गर्छ। यो दृष्टिकोणले निम्न रेखाको सुरुमा कर्सर राख्दा कन्सोलमा पाठ प्रिन्ट गर्छ।
अर्को प्रिन्टिङ अर्को लाइनमा सुरु हुन्छ । त्यहाँ धेरै प्रिन्टइन विधिहरू छन् जस्तै:
void printIn() | हालको लाइन अन्त्य गर्न लाइन विभाजक स्ट्रिङ लेख्छ। |
void printIn(boolean x) | बुलियन प्रिन्ट गरेपछि लाइन समाप्त हुन्छ। |
void printIn(char x) | क्यारेक्टर छापेपछि लाइन समाप्त हुन्छ। |
void print(char [ ] x) | क्यारेक्टरहरूको एरे प्रिन्ट गरेपछि रेखा समाप्त हुन्छ। |
void printIn(double x) | लाइन दोहोरो लाइन प्रिन्ट गरेपछि समाप्त हुन्छ। |
void printIn(float x) | अफ्लोट प्रिन्ट गरेपछि लाइन समाप्त हुन्छ। |
शून्यprintIn(int x) | एक पूर्णांक प्रिन्ट गरेपछि लाइन समाप्त हुन्छ। |
void printIn(long x) | पङ्क्ति सँगै प्रिन्ट गरेपछि समाप्त हुन्छ। |
void printIn(Object x) | एक वस्तु छापेपछि रेखा समाप्त हुन्छ। |
void printIn(String x) | स्ट्रिङ प्रिन्ट गरेपछि लाइन समाप्त हुन्छ। |
void print(boolean b) | एउटा बुलियन मान छापिन्छ। |
void print(char c) | एउटा क्यारेक्टर छापिएको छ। |
void print(char) [ ] s) | क्यारेक्टरहरूको एर्रे प्रिन्ट गरिएको छ। |
void print(double d) | एक दोहोरो परिशुद्धता फ्लोटिंग-पोइन्ट नम्बर छापिएको छ। |
void print(float f) | एउटा फ्लोटिंग पोइन्ट नम्बर छापिएको छ। | <18
void print(int i) | एक पूर्णांक छापिएको छ। |
void print(long l ) | एउटा लामो पूर्णांक छापिएको छ। |
void print(वस्तु वस्तु) | एउटा वस्तु छापिएको छ। . |
void print(Strings) | एउटा स्ट्रिङ छापिएको छ। |
प्रिन्टमा विभिन्न विधिहरूको प्रयोग
छोटकरीमा, दुई बीचको मुख्य भिन्नता कन्सोलमा छापिएको पाठको स्थान हो। प्रिन्टइन निम्न लाइनको सुरुमा छ जबकि प्रिन्ट निम्न लाइनको अन्त्यमा छ।
यदि तपाइँ Windows 10-pro र pro-n बारे जान्न इच्छुक हुनुहुन्छ भने, जाँच गर्नुहोस् मेरो अर्को लेख बाहिर।
Console.log के हो?
Console.log
कन्सोल एउटा JavaScript वस्तु हो जसले तपाईंलाई ब्राउजरको डिबगिङ कन्सोलमा पहुँच दिन्छ।
Console.log एउटा JavaScript हो। फंक्शन जसले कुनै पनि चरहरू छाप्छ जुन यसमा पहिले परिभाषित गरिएको छ, साथै कुनै पनि जानकारी जुन प्रयोगकर्तालाई देखाउन आवश्यक छ।
आउटपुट धेरैजसो टर्मिनलमा लग (मुद्रित) हुन्छ। कुनै पनि प्रकार log() मा पास गर्न सकिन्छ, स्ट्रिङहरू, एरेहरू, वस्तुहरू, र बुलियनहरू सहित।
console.log() विधिकोआउटपुट जाभास्क्रिप्ट कन्सोलमा देखिने छ, जुन ब्राउजरको विकासकर्ता उपकरण मार्फत पहुँचयोग्य छ। तपाईंले console.log() मार्फत जे पनि आउटपुट गर्नुहुन्छ, सबै अन्तिम-प्रयोगकर्ताहरूको समूह वा भूमिकालाई ध्यानमा राखी पहुँचयोग्य हुन्छ।
यस प्रकार्य प्रयोग गरेपछि तपाईंले यसलाई कसरी प्रयोग गर्न सक्नुहुन्छ र आउटपुटलाई हेरौं।
JavaScript | आउटपुट |
// console. log() विधि | abc 1 true null अपरिभाषित Array(4) [ 1, 2, 3, 4 ] वस्तु { a : 1, b : 2 , c : 3
|
console.log प्रयोग गरेर इनपुट र आउटपुट
के हो जाभास्क्रिप्टमा Console.log विधिको साथ कन्सोलमा छाप्नुहोस्?
यो जाभास्क्रिप्टको सबैभन्दा लोकप्रिय र व्यापक रूपमा प्रयोग हुने कन्सोल विधि हो। यो विधि प्राय: कन्सोलमा विभिन्न सन्देशहरू वा गणना परिणामहरू छाप्न प्रयोग गरिन्छ वा कोड डिबग गर्दा पनि।
तपाईंले केही कोड लेख्नुभएको छ जसले दुई नम्बरहरू थप्छ, र तपाईं परिणाम हेर्न चाहनुहुन्छ। कन्सोलमा त्यो सञ्चालनको; यस अवस्थामा, तपाइँ console.log() विधि प्रयोग गर्न सक्नुहुन्छ।
6771
Console.log सिंक्रोनस वा एसिन्क्रोनस हो?
तपाईँसँग छलफल गर्नु अघि console.log सिंक्रोनस वा एसिन्क्रोनस हो, म पहिले परिभाषित गर्नेछु कि सिंक्रोनस र एसिंक्रोनस के हो।
सिंक्रोनस भनेको एकै समयमा हुन्छ जबकि एसिन्क्रोनस भनेको हो। यो एकै समयमा उत्पन्न हुँदैन। त्यसैलेसिंक्रोनसमा सहभागी/प्रयोगकर्ताहरूले तुरून्त प्रतिक्रिया प्राप्त गर्न सक्छन्। एसिन्क्रोनसले तपाईंलाई आफ्नो समयमा सिक्न अनुमति दिन्छ।
उत्तर दिनको लागि, concole.log एसिन्क्रोनस हो। म तपाईलाई देखाउनेछु किन त्यो हो, उदाहरणहरू देखाएर, विशेष गरी वस्तुहरूको एर्रेलाई अझ प्रभावकारी रूपमा क्रमबद्ध गरेर। सुरु गरौं।
मानौं तपाईंको एरेमा निम्न वस्तुहरू छन्:
प्रयोगकर्ताहरू = [ { नाम: "निकोल" , उमेर: २०, उपनाम: "लुना" } , {नाम: "कारा" , उमेर: 21, उपनाम: "लिम" } , {नाम: "लारा", उमेर: 20, उपनाम: "टुआजोन" }; ] |
एरे वस्तुहरू
तपाईले फिल्ड नाम अनुसार यो एरे क्रमबद्ध गर्नुपर्छ, जुन सामान्यतया निम्नानुसार गरिन्छ।
// नामद्वारा (कारा, लारा, निकोल) users.sort ( ( a, b ) => a.name > b.name ? 1 : -1); / / उमेर अनुसार (लारा, निकोल, कारा) users.sort ( ( a, b ) => a.age > b.name ? 1 : -1);
|
श्रेणी वस्तुहरू क्रमबद्ध गर्दै
यसलाई अझ प्रभावकारी ढंगले व्यवस्थित गर्नको लागि, तपाइँसँग यस प्रकारको हुनेछ:
users.sort(byField( 'name' )); users.sort(byField('age' )); |
array वस्तुहरू क्रमबद्ध गर्दै (सामान्य तरिका)
त्यसो गर्नको लागि, तपाईंले आफ्नो array मा रहेका वस्तुहरूको Array.prototype.sort मा पास गर्न र क्रमबद्ध गर्न "Byfield" प्रकार्य लेख्नुपर्छ। खैर, यो यस लेखको प्राथमिक फोकस होइन तर कृपया माथिको उदाहरण सरल तरिकामा पूरा गर्न तलको उदाहरण हेर्नुहोस्।
> प्रयोगकर्ताहरूलाई दिनुहोस् =[ {नाम: "निकोल", उमेर: 20, उपनाम: "लुना" }, {नाम: "कारा", उमेर: 21, उपनाम: "लिम" }, {नाम: "लारा", उमेर: 20, थर: "टुआजोन" }; ] फिल्ड द्वारा प्रकार्य (फिल्डनाम) { रिटर्न (a, b ) => a [fieldName]? १ :-१; users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField( 'age' ) ); concole.log(प्रयोगकर्ता); (३) [ { … }, { … }, { … } ] > ०: { नाम: " लारा ", उमेर: " २० " , उपनाम: " Tuazon " > १: { नाम: " निकोल ", उमेर: " २० " , उपनाम: " लुना " > 1: { नाम: " कारा ", उमेर: " 21 " , उपनाम: " लिम " लम्बाइ: 3 > _proto_: एरे (0) (3) [ { … }, { … }, { … } ] > ०: { नाम: " लारा ", उमेर: " २० " , उपनाम: " Tuazon " > १: { नाम: " निकोल ", उमेर: " २० " , उपनाम: " लुना " यो पनि हेर्नुहोस्: 1366 x 768 VS 15.6 ल्यापटपमा 1920 x 1080 स्क्रिन - सबै भिन्नताहरू> 1: { नाम: " कारा ", उमेर: " 21 " , उपनाम: " लिम " लम्बाइ: 3 > _proto_: Array (0)
|
क्रमबद्ध एरे वस्तुहरू
तपाईले माथिको तालिकाबाट देख्न सक्नुहुन्छ कि मैले क्रमबद्ध गर्छु एरे वस्तुहरू दुई पटक, म पहिले नाम अनुसार क्रमबद्ध गर्छु, अर्को उमेर अनुसार, र प्रत्येक क्रमबद्ध सञ्चालन पछि, म console.log () चलाउँछु। साथै, तपाईंले देख्नुभएको होला कि console.log() ले हरेक प्रकारको नतिजाको लागि समान आउटपुट पुनर्स्थापित गरेको छ, तर यो मामला होइन; मलाई किन व्याख्या गर्न दिनुहोस्।
मैले एकैचोटि माथिको कोड चलाएँ, त्यसपछि console.log () बाट प्रत्येक प्रतिक्रिया विस्तार गर्ने निर्णय गरें। यो महत्त्वपूर्ण छ किनभने console.log() होएसिन्क्रोनस।
घटना लूपको सन्दर्भमा, सबै एसिन्क्रोनस सुविधाहरू घटना तालिकामा आइपुग्छन्। यस अवस्थामा, console.log() ल्याएपछि, यो घटना तालिकामा जान्छ र एक विशेष घटना हुनको लागि पर्खन्छ।
जब घटना हुन्छ, console.log() लाई घटना लाममा पठाइनेछ, जहाँ यो घटना लाममा भएका सबै प्रक्रियाहरू सम्म पर्खन्छ जुन तपाईंको console.log राखिएको बेला पहिले नै उपस्थित थिए र कलमा पठाइयो। Stack, त्यसपछि तपाईंको console.log() यस कल स्ट्याकमा पनि पठाइँदैछ।
Javascript Console.log कसरी खोल्ने?
वेब ब्राउजरहरूमा, कन्सोल धेरै विकासकर्ता उपकरणहरू मध्ये एक हो। आफ्नो JavaScript कोड समस्या निवारण गर्न को लागी, तपाइँ कन्सोल प्रयोग गर्न सक्नुहुन्छ। ब्राउजरको आधारमा कन्सोल धेरै ठाउँहरूमा फेला पार्न सकिन्छ।
म यो ट्युटोरियलमा तपाईँको Google Chrome ब्राउजरमा कन्सोल कहाँ पत्ता लगाउने भनेर सिकाउनेछु।
क्रोममा कन्सोल लग कसरी खोल्ने भन्ने बारे चरणहरू
क्रोम कन्सोल लग कसरी खोल्ने भनेर हेरौं।
- क्रोम ब्राउजर खुला हुँदा पप-अप मेनुबाट निरीक्षण चयन गर्नुहोस्।
- विकासकर्ता उपकरणको “तत्वहरू " ट्याब पूर्वनिर्धारित रूपमा खोलिनेछ जब तपाइँ निरीक्षण चलाउनुहुन्छ। "तत्वहरू" को दायाँतिर, "कन्सोल" मा क्लिक गर्नुहोस्।
- तपाईं अब कन्सोल र कन्सोल लगमा रेकर्ड गरिएको कुनै पनि आउटपुट हेर्न सक्नुहुन्छ।
तपाईँले पनि खोल्न सक्नुहुन्छ। धेरै सर्टकट कुञ्जीहरू प्रयोग गरेर Chrome विकासकर्ता उपकरणहरू। तपाईंको क्रोमको संस्करण अनुसार, तपाईंनिम्न सर्टकटहरू प्रयोग गर्न सक्नुहुन्छ:
Windows र Linux को लागि,
Ctrl + Shift + I | विकासकर्ता उपकरण विन्डो देखिन्छ। |
Ctrl + Shift + J | विकासकर्ता उपकरणहरूमा कन्सोल ट्याब चयन गर्दछ। |
Ctrl + Shift + C<17 | तत्व मोड टगलहरू निरीक्षण गर्नुहोस् |
सर्टकट कुञ्जीहरू
अन्तिम विचारहरू
प्रिन्टइन बीच मुख्य भिन्नता र console.log तिनीहरूको प्रकार्य हो र कोडको परिणाम । PrintIn ले पाठलाई कन्सोलमा प्रिन्ट गर्छ जबकि console.log ले पहिले कोड गरिएका स्ट्रिङहरूसँग कुनै पनि चरहरू छाप्छ।
सामान्यतया, जाभास्क्रिप्टका यी कार्यहरूले तपाइँलाई कन्सोलमा चर र पाठ प्रिन्ट गर्न र प्रदर्शन गर्न अनुमति दिन्छ। JavaScript मा, तपाइँ विभिन्न विधिहरू प्रयोग गरेर छाप्न सक्नुहुन्छ।
डिबग गर्दा JavaScript कन्सोल लग विधि सबैभन्दा सामान्य रूपमा प्रयोग हुने विकल्प हो। आफ्नो कोडलाई अझ प्रभावकारी रूपमा डिबग गर्न, तपाईंले ती सबैलाई अभ्यास गर्नुपर्छ र तिनीहरूलाई कसरी सही तरिकाले प्रयोग गर्ने भनेर सिक्नुपर्छ।
प्रोग्रामरहरू र विकासकर्ताहरूले प्राय: यसमा पूर्वनिर्धारित भ्यारीएबलहरू छाप्न प्रयोग गर्छन्, साथै आवश्यक पर्ने कुनै पनि जानकारी। प्रयोगकर्तालाई प्रस्तुत गर्न।