Wat is it ferskil tusken printIn en console.log yn JavaScript? (Antwurde) - Alle ferskillen
Ynhâldsopjefte
JavaScript is in programmeartaal dy't allinnich beskikber is yn webbrowsers. De JavaScript-konsole is in kommando-rigelynterface yn jo blêder wêrmei jo koadefragmenten kinne útfiere. As dat koadefragment ûntwurpen is om ynteraksje te meitsjen mei de webside dy't jo op it stuit besjen, kinne ûnferwachte resultaten foarkomme.
“PrintIn” makket dat de tekst ôfdrukt wurdt nei de konsole, wylst jo kin "console.log" brûke om it yn te loggen en it te brûken foar ferskate doelen, lykas it e-posten as in brekrapport.
As jo in programmeur binne, wite jo hoe wichtich om te brûken en te begripen skripttalen lykas JavaScript is. D'r binne lykwols tiden dat jo yn 'e war wurde kinne oer de funksjes.
Krekt as de printIn- en console.log-funksje. Om jo te helpen it ferskil en tapassing fan dizze twa funksjes te begripen, sil ik útlizze wat se betsjutte en hoe't se wurkje.
Litte wy begjinne!
Wat is JavaScript?
Wat is JavaScript?
JavaScript is in skripttaal foar it meitsjen fan regelmjittich bywurke materiaal, it kontrolearjen fan multimedia, it animearjen fan grafiken, en sawat alles oars.
De JavaSkript-programmearringstaal hat bepaalde standert programmearmooglikheden dy't jo yn steat meitsje om dingen te dwaan lykas:
- As bepaalde eveneminten foarkomme op in webside, kinne jo reagearje op in rinnende koade.
- Jo kinne fariabelen brûke om nuttige gegevens op te slaan.
- Jo kinne "strings" brûke, wat in tekstbewurkingsoperaasje isyn programmearring
De funksjonaliteit dy't boppe op 'e brûker JavaSkript-taal tafoege wurdt, is oan'e oare kant noch ynteressanter. Application Programming Interfaces (API's) jouwe jo JavaScript-koade ekstra funksjes.
Koartsein, JavaSkript hat in protte funksjes wêrmei jo kinne kontrolearje wat jo kodearje. Dizze funksjes omfetsje printIn en console.log.
Wat is PrintIn?
kodearjen
PrintIn is in Java-metoade foar it werjaan fan tekst op 'e konsole. Dizze metoade akseptearret dizze tekst as in parameter yn 'e foarm fan in String. Dizze oanpak drukt de tekst nei de konsole, wylst de rinnerke oan it begjin fan de folgjende rigel hâlden wurdt.
De folgjende printing begjint op de folgjende rigel . D'r binne ferskate printIn-metoaden lykas:
| void printIn() | Skriuwt de rigelskiedingsteken om de aktuele rigel te beëinigjen. |
| void printIn(boolean x) | De rigel wurdt beëinige nei it printsjen fan in boolean. |
| void printIn(char x) | De rigel wurdt beëinige nei it printsjen fan in karakter. |
| void print(char [ ] x) | De rigel wurdt beëinige nei it printsjen fan in array fan tekens. |
| void printIn(dûbel x) | De rigel wurdt beëinige nei it printsjen fan in dûbele rigel. |
| void printIn(float x) | De rigel wurdt beëinige nei it printsjen fan float. |
| jildprintIn(int x) | De rigel wurdt beëinige nei it printsjen fan in hiel getal. |
| void printIn(lange x) | De rigel wurdt beëinige nei it meiprintsjen. |
| void printIn(Object x) | De rigel wurdt beëinige nei it printsjen fan in objekt. |
| void printIn(String x) | De rigel wurdt beëinige nei it printsjen fan in tekenrige. |
Gebrûk fan ferskate metoaden yn printIn
Hoewol't it in protte metoaden hat dy't jo brûke kinne by it kodearjen fan jo wurk, kinne jo in oare metoade tsjinkomme foar it werjaan fan de tekst yn 'e konsole. Yn de konsole binne d'r twa metoaden wêrmei jo jo wurk kinne printsje, de earste is printIn wylst de oare printe is.
Om net yn 'e war te kommen tusken dizze twa metoaden fan printsjen, litte wy definiearje it ferskil tusken de twadde metoade yn it printsjen, de print.
Print is in Java-metoade foar it werjaan fan tekst op de konsole. Dizze metoade akseptearret dizze tekst as in parameter yn 'e foarm fan in String. Dizze oanpak drukt de tekst nei de konsole, wylst de rinnerke oan 'e ein fan' e folgjende rigel hâldt.
De folgjende printing sil hjir begjinne . D'r binne ferskate printIn-metoaden lykas:
| void print(boolean b) | In booleanwearde wurdt printe. |
| void print(char c) | In karakter wurdt printe. |
| void print(char [ ] s) | In array fan karakters wurdt ôfdrukt. |
| void print(dûbele d) | In dûbele presyzje floating-point number wurdt printe. |
| void print(float f) | In floating-point nûmer wurdt printe. |
| void print(int i) | In hiel getal wurdt printe. |
| void print(long l ) | In lang hiel getal wurdt printe. |
| void print(Object obj) | In objekt wurdt printe . |
| void print(String s) | In tekenrige wurdt printe. |
Gebrûk fan ferskate metoaden yn print
Koartsein, it wichtichste ferskil tusken de twa is de pleatsing fan de tekst dy't yn 'e konsole is printe. PrintIn stiet oan it begjin fan de folgjende rigel wylst Print stiet op it ein fan de folgjende rigel.
As jo ynteressearre binne om te witten oer Windows 10-pro en pro-n, kontrolearje dan út myn oare artikel.
Sjoch ek: In toilet, in badkeamer en in waskeamer - binne se allegear itselde? - Alle ferskillenWat is Console.log?
Console.log
De konsole is in JavaScript-objekt dat jo tagong jout ta de debuggenkonsole fan 'e browser.
De console.log is in JavaSkript funksje dy't alle fariabelen printet dy't der earder yn definiearre binne, lykas alle ynformaasje dy't oan 'e brûker toand wurde moat.
De útfier wurdt meast ynlogd (printe) nei de terminal. Elk type kin trochjûn wurde oan log(), ynklusyf strings, arrays, objekten en booleanen.
De metoade fan console.log()útfier is sichtber yn 'e JavaScript-konsole, dy't tagonklik is fia it ûntwikkelark fan' e browser. Wat jo ek útfiere mei console.log() is tagonklik foar alle ein-brûkers, nettsjinsteande har groep of rol.
Litte wy ris sjen hoe't jo it brûke kinne, en de útfier nei it brûken fan dizze funksje.
| JavaScript | Utfier |
// console. log() metoade | abc Sjoch ek: Hoe kinne jo it ferskil fertelle tusken in C5 Galaxy en in C17 yn 'e loft? - Alle ferskillen1 wier null undefined Array(4) [ 1, 2, 3, 4 ] Objekt { a : 1, b : 2 , c : 3
|
Ynfier en útfier mei console.log
Wat is de Ofdrukke nei konsole mei Console.log metoade yn Javascript?
It is de populêrste en meast brûkte konsolemetoade fan JavaScript. Dizze metoade wurdt faak brûkt om ferskate berjochten of berekkeningsresultaten nei de konsole te printsjen of sels by it debuggen fan koade.
Jo hawwe wat koade skreaun dy't twa nûmers tafoeget, en jo wolle it resultaat sjen fan dy operaasje op 'e konsole; yn dit gefal kinne jo de metoade console.log() brûke.
9603
Is Console.log syngroan of asyngroan?
Foardat ik mei jo beprate oft console.log syngroan of asyngroan is, sil ik earst definiearje wat syngroan en asyngroan binne.
Syngroan betsjut dat it tagelyk foarkomt, wylst asyngroan betsjut dat it komt net tagelyk foar. Sadielnimmers / brûkers yn syngroane kinne ûntfange feedback fuortendaliks. Asynchronous lit jo op jo eigen tiid leare.
Om te beantwurdzjen is concole.log asyngroan. Ik sil jo sjen litte wêrom't dat, troch foarbylden te sjen, benammen in array fan objekten op in effisjintere manier sortearje. Litte wy begjinne.
Lit ús sizze dat jo de folgjende objekten yn jo array hawwe:
| lit brûkers = [ { name: "Nicole" , leeftyd: 20, surname: "Luna" } , { namme: "Cara" , leeftyd: 21, efternamme: "Lim" } , { namme: "Lara" , leeftyd: 20, efternamme: "Tuazon" }; ] |
arrayobjekten
Jo moatte dizze array sortearje op fjildnamme, wat typysk sa dien wurdt.
| / / by name (Cara, Lara, Nicole) users.sort ((a,b) => a.name > b.name ? 1 : -1); / / by leeftyd (Lara, Nicole, Cara) users.sort ((a,b) => a.age > b.name ? 1 : -1);
|
array-objekten sortearje
Om it op effisjintere manier te regeljen, sille jo sa hawwe:
| users.sort(byField('name')); users.sort(byField('age')); |
array-objekten sortearje (ienfâldige manier)
Om dit te dwaan, moatte jo de funksje "Byfield" skriuwe om it troch te jaan en te sortearjen nei Array.prototype.sort fan 'e objekten yn jo array. No, dit is net de primêre fokus fan dit artikel, mar sjoch asjebleaft hjirûnder foarbyld om it boppesteande foarbyld op in ienfâldige manier te foltôgjen.
| > lit brûkers =[ { namme: "Nicole" , leeftyd: 20, efternamme: "Luna" } , { namme: "Cara", leeftyd: 21, efternamme: "Lim" } , { namme: "Lara" , leeftyd: 20, efternamme: "Tuazon" }; ] function byField (fieldName){ return (a, b) => a[fieldName] ? 1 : -1 ; users.sort(byField('name') ); concole.log(users); users.sort(byField('age') ); concole.log(brûkers); (3) [ { … }, { … }, { … } ] > 0: { namme: ” Lara “, leeftyd: ” 20 ” , efternamme: ” Tuazon ” } > 1: { namme: ” Nicole “, leeftyd: ” 20 ” , efternamme: ” Luna ” } > 1: { namme: " Cara ", leeftyd: " 21 " , efternamme: " Lim " length: 3 > _proto_: Array (0) (3) [ { … }, { … }, { … } ] > 0: { namme: ” Lara “, leeftyd: ” 20 ” , efternamme: ” Tuazon ” } > 1: { namme: ” Nicole “, leeftyd: ” 20 ” , efternamme: ” Luna ” } > 1: { namme: " Cara ", leeftyd: " 21 " , efternamme: " Lim " length: 3 > _proto_: Array (0)
|
sortearre array-objekten
Jo kinne út de tabel hjirboppe sjen dat ik de array foarwerpen twa kear, Ik sortearje op namme earst, folgjende troch leeftyd, en nei eltse sortearring operaasje, Ik rinne console.log (). Jo kinne ek observearre hawwe dat console.log() deselde útfier foar elke soart resultaat werombrocht, mar dit is net it gefal; lit my útlizze wêrom.
Ik rûn de koade boppe alles yn ien kear, en besleat doe elke reaksje fan console.log () út te wreidzjen. Dit is wichtich omdat console.log() isasynchronous.
Yn termen fan Event Loop komme alle asynchrone funksjes oan by de Event Tabel. Yn dit gefal, nei't opbrocht console.log (), giet it troch nei Event Table en wachtet op in spesifyk barren.
As in evenemint bart, sil console.log() nei Event Queue stjoerd wurde, wêr't it wachtet oant alle prosessen yn dizze Event Queue dy't al oanwêzich wiene doe't jo console.log pleatst is en stjoerd binne nei Call Stack, dan wurdt jo console.log() ek nei dizze Call Stack stjoerd.
Hoe iepenje de Javascript Console.log?
Yn webbrowsers is de konsole ien fan 'e ferskate Developer-ark. Om problemen mei jo JavaScript-koade op te lossen, kinne jo de konsole brûke. De konsole kin fûn wurde op in protte plakken ôfhinklik fan de browser.
Ik sil jo leare wêr't jo de konsole kinne ûntdekke yn jo Google Chrome-blêder yn dizze tutorial.
Stappen oer hoe't jo it konsole-log yn Chrome iepenje kinne
Litte wy sjen nei hoe't jo it Chrome-konsoleloch iepenje kinne.
- Selektearje Ynspektearje út it pop-upmenu wylst de Chrome-blêder iepen is.
- Eleminten fan 'e Untwikkeldersark ” ljepper wurdt standert iepene as jo Inspect útfiere. Rjochts fan "Eleminten," klikje op "Konsole."
- Jo kinne no de konsole besjen lykas elke útfier dy't opnommen is yn it konsoleloch.
Jo kinne ek de konsole iepenje. Chrome Developer Tools mei in oantal fluchtoetsen. Neffens de ferzje fan jo Chrome, jokinne de folgjende fluchtoetsen brûke:
Foar Windows en Linux,
| Ctrl + Shift + I | It finster foar ûntwikkelders ark ferskynt. |
| Ctrl + Shift + J | Selektearje it ljepblêd Konsole yn 'e Untwikkeldersark. |
| Ctrl + Shift + C | Elemintmodus ynspektearje skeakelt |
Sneltoetsen
Finale gedachten
It haadste ferskil tusken printIn en console.log is harren funksje en de útkomst fan de koade . PrintIn printet de tekst nei de konsole wylst console.log alle fariabelen printsje mei snaren dy't earder kodearre binne.
Yn prinsipe kinne dizze funksjes fan Javascript jo de fariabelen en tekst nei de konsole printsje en werjaan. Yn JavaScript kinne jo printsje mei in ferskaat oan metoaden.
De JavaScript-konsole-logmetoade is de meast brûkte opsje by it debuggen. Om jo koade effisjinter te debuggen, moatte jo se allegear oefenje en leare hoe't jo se korrekt brûke.
Programmers en ûntwikkelders brûkten dizze faaks om alle fariabelen te printsjen dy't dêryn foarôf definieare binne, en ek alle ynformaasje dy't nedich is. wurde presintearre oan de brûker.
