Ano ang Pagkakaiba sa pagitan ng printIn at console.log sa JavaScript? (Sumagot) – Lahat ng Mga Pagkakaiba
Talaan ng nilalaman
Ang JavaScript ay isang programming language na available lamang sa mga web browser. Ang JavaScript console ay isang command-line na interface sa iyong browser na nagbibigay-daan sa iyong magpatakbo ng mga snippet ng code. Kapag ang snippet ng code na iyon ay idinisenyo upang makipag-ugnayan sa webpage na kasalukuyan mong tinitingnan, maaaring mangyari ang mga hindi inaasahang resulta.
PrintIn" na ginagawang ipi-print ang text sa console, samantalang ikaw maaaring gumamit ng “console.log” para i-log ito at gamitin para sa iba't ibang layunin, gaya ng pag-email dito bilang ulat ng bug.
Kung programmer ka, alam mo kung gaano kahalaga ang paggamit at pag-unawa mga wika ng scripting tulad ng JavaScript. Gayunpaman, may mga pagkakataong maaaring nalilito ka tungkol sa mga function nito.
Tulad ng printIn at console.log function. Upang matulungan kang maunawaan ang pagkakaiba at aplikasyon ng dalawang function na ito, ipapaliwanag ko kung ano ang ibig sabihin ng mga ito at kung paano gumagana ang mga ito.
Magsimula tayo!
Ano ang JavaScript?
Ano ang JavaScript?
Ang JavaScript ay isang scripting language para sa paglikha ng regular na na-update na materyal, pagkontrol sa multimedia, pag-animate ng mga graphics, at halos anumang bagay.
Ang JavaScript programming language ay may ilang mga karaniwang kakayahan sa programming na nagbibigay-daan sa iyong gawin ang mga bagay tulad ng:
- Kapag nangyari ang ilang partikular na kaganapan sa isang web page, maaari kang tumugon sa isang tumatakbong code.
- Maaari kang gumamit ng mga variable upang mag-imbak ng kapaki-pakinabang na data.
- Maaari mong gamitin ang "mga string" na isang operasyon sa pag-edit ng tekstosa programming
Ang functionality na idinagdag sa ibabaw ng user JavaScript language, sa kabilang banda, ay mas kawili-wili. Ang Application Programming Interfaces (APIs) ay nagbibigay sa iyong JavaScript code ng mga karagdagang function.
Tingnan din: Ano ang Pinagkaiba ng Daylight LED Bulb Sa Isang Bright White LED Bulb? (Tinalakay) – All The DifferencesSa madaling sabi, ang JavaScript ay may maraming function na nagbibigay-daan sa iyong kontrolin kung ano ang iyong coding. Kasama sa mga function na ito ang printIn at console.log.
Ano ang PrintIn?
coding
Ang PrintIn ay isang Java method para sa pagpapakita ng text sa console. Tinatanggap ng paraang ito ang text na ito bilang parameter sa anyo ng String. Ang diskarteng ito ay nagpi-print ng text sa console habang pinapanatili ang cursor sa simula ng sumusunod na linya.
Ang susunod na pag-print ay magsisimula sa susunod na linya . Mayroong ilang mga paraan ng printIn tulad ng:
| void printIn() | Isinulat ang line separator string upang tapusin ang kasalukuyang linya. |
| void printIn(boolean x) | Ang linya ay winakasan pagkatapos mag-print ng boolean. |
| void printIn(char x) | Ang linya ay winakasan pagkatapos mag-print ng character. |
| void print(char [ ] x) | Ang linya ay winakasan pagkatapos mag-print ng hanay ng mga character. |
| void printIn(double x) | Tinatapos ang linya pagkatapos mag-print ng dobleng linya. |
| void printIn(float x) | Ang linya ay winakasan pagkatapos ng pag-print na nakalutang. |
| walang bisaprintIn(int x) | Ang linya ay winakasan pagkatapos mag-print ng integer. |
| void printIn(long x) | Ang linya ay wawakasan pagkatapos mag-print kasama. |
| void printIn(Object x) | Ang linya ay winakasan pagkatapos mag-print ng isang bagay. |
| void printIn(String x) | Ang linya ay winakasan pagkatapos mag-print ng string. |
Paggamit ng iba't ibang paraan sa printIn
Bagaman marami itong paraan na maaari mong gamitin sa pag-coding ng iyong trabaho, maaari kang makatagpo ng isa pang paraan para sa pagpapakita ng teksto sa console. Sa console, mayroong dalawang paraan kung saan maaari mong i-print ang iyong gawa, ang una ay printIn habang ang isa ay naka-print.
Para hindi ka malito sa pagitan ng dalawang paraan ng pag-print, tayo ay tukuyin ang pagkakaiba sa pagitan ng pangalawang paraan sa pag-print, ang pag-print.
Ang print ay isang Java method para sa pagpapakita ng text sa console. Tinatanggap ng paraang ito ang text na ito bilang parameter sa anyo ng isang String. Ang diskarteng ito ay nagpi-print ng teksto sa console habang pinapanatili ang cursor sa dulo ng sumusunod na linya.
Ang susunod na pag-print ay magsisimula dito mismo . Mayroong ilang mga paraan ng printIn tulad ng:
| void print(boolean b) | May naka-print na boolean value. |
| void print(char c) | Naka-print ang isang character. |
| void print(char [ ] s) | Isang array ng mga character ang naka-print. |
| void print(double d) | Isang double-precision Naka-print ang floating-point number. |
| void print(float f) | May naka-print na floating-point number. |
| void print(int i) | May integer na naka-print. |
| void print(long l ) | Naka-print ang isang mahabang integer. |
| void print(Object obj) | Naka-print ang isang object . |
| void print(String s) | May naka-print na string. |
Paggamit ng iba't ibang paraan sa pag-print
Sa madaling salita, ang pangunahing pagkakaiba sa pagitan ng dalawa ay ang paglalagay ng text na naka-print sa console. Ang PrintIn ay nasa simula ng sumusunod na linya habang ang Print ay nasa dulo ng sumusunod na linya.
Kung interesado kang malaman ang tungkol sa windows 10-pro at pro-n, tingnan out sa aking iba pang artikulo.
Ano ang Console.log?
Console.log
Ang console ay isang JavaScript object na nagbibigay sa iyo ng access sa debugging console ng browser.
Ang console.log ay isang JavaScript function na nagpi-print ng anumang mga variable na natukoy na dati dito, pati na rin ang anumang impormasyon na kailangang ipakita sa user.
Ang output ay kadalasang naka-log (naka-print) sa terminal. Ang anumang uri ay maaaring ipasa sa log(), kabilang ang mga string, array, object, at boolean.
Ang console.log() na paraan ngang output ay makikita sa JavaScript console, na naa-access sa pamamagitan ng developer tool ng browser. Anuman ang iyong i-output gamit ang console.log() ay maa-access ng lahat ng end-user, anuman ang kanilang grupo o tungkulin.
Tingnan natin kung paano mo ito magagamit, at ang output pagkatapos gamitin ang function na ito.
| JavaScript | Output |
// console. log() paraan | abc 1 totoo null hindi natukoy Array(4) [ 1, 2, 3, 4 ] Bagay { a : 1, b : 2 , c : 3 }
|
Input at Output gamit ang console.log
Ano ang ang Print to Console na may Console.log na paraan sa Javascript?
Ito ang pinakasikat at malawakang ginagamit na paraan ng console ng JavaScript. Ang paraang ito ay madalas na ginagamit upang mag-print ng iba't ibang mga mensahe o mga resulta ng pagkalkula sa console o kahit habang nagde-debug ng code.
Nakasulat ka ng ilang code na nagdaragdag ng dalawang numero, at gusto mong makita ang resulta ng operasyong iyon sa console; sa kasong ito, maaari mong gamitin ang console.log() method.
7182
Synchronous ba o asynchronous ang Console.log?
Bago ko talakayin sa iyo kung synchronous o asynchronous ang console.log, tutukuyin ko muna kung ano ang synchronous at asynchronous.
Ang ibig sabihin ng synchronous ay nangyayari ito nang sabay samantalang ang asynchronous ay nangangahulugan na hindi ito nangyayari sa parehong oras. Kayaang mga kalahok/gumagamit sa kasabay ay makakatanggap kaagad ng feedback. Binibigyang-daan ka ng Asynchronous na matuto sa sarili mong oras.
Upang sagutin, ang concole.log ay asynchronous. Ipapakita ko sa iyo kung bakit ganoon, sa pamamagitan ng pagpapakita ng mga halimbawa, partikular na pag-uuri ng hanay ng mga bagay sa mas mahusay na paraan. Magsimula tayo.
Ipagpalagay nating nasa iyong array ang mga sumusunod na object:
| hayaan ang mga user = [ { name: “Nicole” , edad: 20, apelyido: “Luna” } , { pangalan: “Cara” , edad: 21, apelyido: “Lim” } , { pangalan: “Lara” , edad: 20, apelyido: “Tuazon” }; ] |
mga array object
Dapat mong pag-uri-uriin ang array na ito ayon sa pangalan ng field, na karaniwang ginagawa tulad ng sumusunod.
| / / ayon sa pangalan ( Cara, Lara, Nicole ) mga user.sort ( ( a, b ) => a.name > b.name ? 1 : -1); / / ayon sa edad ( Lara, Nicole, Cara ) users.sort ( ( a, b ) => a.age > b.name ? 1 : -1);
|
pag-uuri ng mga array object
Upang ayusin ito sa mas mahusay na paraan, magkakaroon ka ng ganito:
| users.sort(byField( 'name' )); users.sort(byField( 'age' )); |
pag-uuri ng mga object ng array (simpleng paraan)
Upang magawa ito, dapat mong isulat ang function na "Byfield" upang maipasa at ayusin ito sa Array.prototype.sort ng mga object sa iyong array. Well, hindi ito ang pangunahing pokus ng artikulong ito ngunit mangyaring tumingin sa ibaba ng halimbawa upang makumpleto ang halimbawa sa itaas sa isang simpleng paraan.
| > hayaan ang mga gumagamit =[ { pangalan: “Nicole” , edad: 20, apelyido: “Luna” } , { pangalan: “Cara” , edad: 21, apelyido: “Lim” } , { pangalan: “Lara” , edad: 20, apelyido: “Tuazon” }; ] function byField ( fieldName ){ return (a, b ) => isang [fieldName] ? 1: -1 ; } users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField( 'age' ) ); concole.log(mga user); (3) [ { … }, { … }, { … } ] > 0: { name: ” Lara “, edad: ” 20 ” , surname: ” Tuazon ” } > 1: { name: ” Nicole “, edad: ” 20 ” , surname: ” Luna ” } > 1: { name: ” Cara “, age: ” 21 ” , surname: ” Lim ” } length: 3 > _proto_: Array (0) (3) [ { … }, { … }, { … } ] > 0: { name: ” Lara “, edad: ” 20 ” , surname: ” Tuazon ” } > 1: { name: ” Nicole “, edad: ” 20 ” , surname: ” Luna ” } > 1: { name: ” Cara “, age: ” 21 ” , surname: ” Lim ” } length: 3 > _proto_: Array (0)
|
pinagbukod-bukod na array object
Makikita mo mula sa talahanayan sa itaas na pinag-uuri ko ang array objects ng dalawang beses, inuri-uri ko muna ang pangalan, sunod ayon sa edad, at pagkatapos ng bawat operasyon ng pag-uuri, nagpapatakbo ako ng console.log (). Gayundin, maaaring napansin mo na naibalik ng console.log() ang parehong output para sa bawat uri ng resulta, ngunit hindi ito ang kaso; hayaan mo akong ipaliwanag kung bakit.
Pinagana ko ang code nang sabay-sabay, pagkatapos ay nagpasyang palawakin ang bawat reaksyon mula sa console.log (). Mahalaga ito dahil ang console.log() ayasynchronous.
Sa mga tuntunin ng Event Loop, lahat ng asynchronous na feature ay dumarating sa Event Table. Sa kasong ito, pagkatapos ilabas ang console.log(), magpapatuloy ito sa Event Table at maghihintay para sa isang partikular na kaganapan na mangyari.
Kapag naganap ang isang kaganapan, ipapadala ang console.log() sa Queue ng Kaganapan, kung saan maghihintay ito hanggang sa lahat ng mga proseso sa Queue ng Kaganapan na ito na naroroon na noong inilagay ang iyong console.log at naipadala na sa Tawag Stack, pagkatapos ay ang iyong console.log() ay ipinapadala din sa Call Stack na ito.
Paano Buksan ang Javascript Console.log?
Sa mga web browser, ang Console ay isa sa ilang Mga Tool ng Developer. Upang i-troubleshoot ang iyong JavaScript code, maaari mong gamitin ang Console. Ang Console ay matatagpuan sa maraming lugar depende sa browser.
Tuturuan kita kung saan matutuklasan ang Console sa iyong Google Chrome browser sa tutorial na ito.
Mga hakbang sa kung paano buksan ang console log sa Chrome
Tingnan natin kung paano buksan ang Chrome console log.
- Piliin ang Inspect mula sa pop-up menu habang nakabukas ang Chrome browser.
- Ang Mga Tool ng Developer ng “Mga Elemento Ang tab na ” ay bubuksan bilang default kapag nagpatakbo ka ng Inspect. Sa kanan ng “Elements,” i-click ang “Console.”
- Maaari mo na ngayong tingnan ang Console gayundin ang anumang output na naitala sa Console log.
Maaari mo ring buksan ang Chrome Developer Tools gamit ang ilang shortcut key. Ayon sa bersyon ng iyong Chrome, ikawmaaaring gamitin ang mga sumusunod na shortcut:
Para sa Windows at Linux,
Tingnan din: Body Armor vs. Gatorade (Paghambingin Natin) – All The Differences| Ctrl + Shift + I | Lumilitaw ang window ng Developer Tools. |
| Ctrl + Shift + J | Pinipili ang tab na Console sa Developer Tools. |
| Ctrl + Shift + C | Inspect Element mode toggles |
Shortcut Keys
Final Thoughts
Ang pangunahing pagkakaiba sa pagitan ng printIn at console.log ang kanilang function at ang kinalabasan ng code . Ini-print ng PrintIn ang text sa console habang ang console.log ay nagpi-print ng anumang mga variable na may mga string na na-code na dati.
Sa pangkalahatan, binibigyang-daan ka ng mga function na ito ng Javascript na i-print at ipakita ang mga variable at text sa console. Sa JavaScript, maaari kang mag-print gamit ang iba't ibang paraan.
Ang JavaScript console log method ay ang pinakakaraniwang ginagamit na opsyon kapag nagde-debug. Upang mas mabisang i-debug ang iyong code, dapat mong sanayin ang lahat ng ito at matutunan kung paano gamitin ang mga ito nang tama.
Kadalasan itong ginagamit ng mga programmer at developer upang mag-print ng anumang mga variable na na-predefine dito, pati na rin ang anumang impormasyong nangangailangan na iharap sa gumagamit.
