Mitä eroa on printIn ja console.log JavaScriptissä? (Vastattu) - Kaikki erot

04-06-202304-06-2023 Mary Davis

Sisällysluettelo

JavaScript on ohjelmointikieli, joka on käytettävissä vain verkkoselaimissa. JavaScript-konsoli on selaimen komentorivikäyttöliittymä, jonka avulla voit suorittaa koodinpätkiä. Kun koodinpätkä on suunniteltu vuorovaikutteiseksi parhaillaan katselemasi verkkosivun kanssa, voi syntyä odottamattomia tuloksia.

"PrintIn" saa tekstin tulostumaan kenttään "PrintIn". konsoliin, kun taas voit käyttää "console.log"-ohjelmaa kirjaamaan sen ja käyttämään sitä eri tarkoituksiin, kuten lähettämään sen sähköpostitse vikailmoituksena.

Jos olet ohjelmoija, tiedät, miten tärkeää on käyttää ja ymmärtää JavaScriptin kaltaisia skriptikieliä. Joskus saatat kuitenkin olla hämmentynyt niiden toiminnoista.

Aivan kuten printIn- ja console.log-funktiot. Jotta ymmärtäisit näiden kahden funktion eron ja sovelluksen, selitän, mitä ne tarkoittavat ja miten ne toimivat.

Aloitetaan!

Mikä on JavaScript?

JavaScript on skriptikieli, jolla voidaan luoda säännöllisesti päivitettävää materiaalia, ohjata multimediaa, animoida grafiikkaa ja melkein mitä tahansa muuta.

JavaScript-ohjelmointikielessä on tiettyjä vakio-ohjelmointiominaisuuksia, joiden avulla voit tehdä esimerkiksi seuraavia asioita:

Kun verkkosivulla tapahtuu tiettyjä tapahtumia, voit reagoida käynnissä olevalla koodilla.
Voit käyttää muuttujia hyödyllisten tietojen tallentamiseen.
Voit käyttää "merkkijonoja", joka on ohjelmoinnin tekstinmuokkausoperaatio.

Käyttäjän JavaScript-kielen päälle lisättävät toiminnot ovat sitä vastoin vielä mielenkiintoisempia. API:t (Application Programming Interfaces) antavat JavaScript-koodillesi lisätoimintoja.

Lyhyesti sanottuna JavaScriptissä on paljon toimintoja, joiden avulla voit hallita koodaamistasi. Näitä toimintoja ovat esimerkiksi printIn ja console.log.

Mikä on PrintIn?

koodaus

PrintIn on Java-menetelmä, jolla voit näyttää tekstiä konsolissa. Tämä metodi hyväksyy parametrina tämän tekstin merkkijonon muodossa. Tämä lähestymistapa tulostaa tekstin konsoliin pitäen kursorin seuraavan rivin alussa.

Seuraava painatus alkaa seuraavalla rivillä On olemassa useita printIn-menetelmiä, kuten:

void printIn()	Kirjoittaa rivinvälitysmerkkijonon nykyisen rivin loppuun.
void printIn(boolean x)	Rivi lopetetaan booleanin tulostamisen jälkeen.
void printIn(char x)	Rivi lopetetaan merkin tulostamisen jälkeen.
void print(char [ ] x)	Rivi lopetetaan merkkimäärän tulostamisen jälkeen.
void printIn(double x)	Rivi lopetetaan kaksoisrivin tulostamisen jälkeen.
void printIn(float x)	Rivi lopetetaan afloat-tulostuksen jälkeen.
void printIn(int x)	Rivi lopetetaan kokonaisluvun tulostamisen jälkeen.
void printIn(long x)	Rivi lopetetaan tulostuksen jälkeen.
void printIn(Object x)	Rivi lopetetaan objektin tulostamisen jälkeen.
void printIn(String x)	Rivi lopetetaan merkkijonon tulostamisen jälkeen.

Eri menetelmien käyttö printIn-ohjelmassa

Vaikka konsolissa on monia menetelmiä, joita voit käyttää työsi koodaamisessa, saatat törmätä toiseen menetelmään tekstin näyttämiseksi konsolissa. Konsolissa on kaksi menetelmää, joilla voit tulostaa työsi, joista ensimmäinen on printIn ja toinen print.

Jotta et menisi sekaisin näiden kahden tulostusmenetelmän välillä, määritetään ero toisen tulostusmenetelmän, tulostuksen, välillä.

Print on Java-menetelmä, jolla voit näyttää tekstiä konsolissa. Tämä menetelmä hyväksyy parametrina tämän tekstin merkkijonon muodossa. Tämä lähestymistapa tulostaa tekstin konsoliin pitäen kursorin seuraavan rivin lopussa.

Seuraava painatus alkaa juuri tästä On olemassa useita printIn-menetelmiä, kuten:

void print(boolean b)	Tulostetaan boolean-arvo.
void print(char c)	Merkki tulostetaan.
void print(char [ ] s)	Tulostetaan joukko merkkejä.
void print(double d)	Tulostetaan kaksoistarkkuuden liukuluku.
void print(float f)	Tulostetaan liukuluku.
void print(int i)	Tulostetaan kokonaisluku.
void print(long l)	Tulostetaan pitkä kokonaisluku.
void print(Object obj)	Kohde tulostetaan.
void print(String s)	Tulostetaan merkkijono.

Eri menetelmien käyttö painotuotteissa

Lyhyesti sanottuna, keskeinen ero näiden kahden välillä on konsoliin tulostettavan tekstin sijainti. PrintIn on seuraavan rivin alussa, kun taas Print on kohdassa seuraavan rivin loppuun.

Jos sinua kiinnostaa tietää windows 10-pro ja pro-n, tutustu toiseen artikkeliini.

Mikä on Console.log?

Console.log

Konsoli on JavaScript-objekti, jonka avulla pääset käyttämään selaimen virheenkorjauskonsolia.

Katso myös: C-17 Globemaster III:n ja C-5 Galaxyn erot (selitetty) - Kaikki erot

console.log on JavaScript-funktio, joka tulostaa kaikki muuttujat, jotka on määritelty aiemmin, sekä kaikki käyttäjälle näytettävät tiedot.

Tulostus kirjautuu (tulostuu) useimmiten päätelaitteeseen. log()-toimintoon voidaan välittää mitä tahansa tyyppiä, kuten merkkijonoja, matriiseja, objekteja ja booleja.

Console.log()-metodin tulosteet näkyvät JavaScript-konsolissa, johon pääsee käsiksi selaimen kehittäjätyökalun kautta. Kaikki console.log()-metodin tulosteet ovat kaikkien loppukäyttäjien nähtävissä riippumatta heidän ryhmästään tai roolistaan.

Katsotaanpa, miten voit käyttää sitä ja mitä tulosteita saat, kun olet käyttänyt tätä funktiota.

Katso myös: Onko sarjakuvan ja animen välillä eroa? (Tutkitaanpa) - Kaikki erot

JavaScript Lähtö

// console. log() menetelmä

console.log('abc');

console.log(1);

konsoli .log(true);

konsoli .log(null);

konsoli .log(undefined);

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

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

abc

true

null

undefined

Array(4) [ 1, 2, 3, 4 ]

Kohde { a : 1, b : 2 , c : 3 }

Tulo ja lähtö console.login avulla

Mikä on Tulosta konsoliin Console.log-menetelmällä Javascriptissä?

Se on JavaScriptin suosituin ja laajimmin käytetty konsolimenetelmä. Tätä menetelmää käytetään usein erilaisten viestien tai laskentatulosten tulostamiseen konsoliin tai jopa koodin virheenkorjauksen yhteydessä.

Olet kirjoittanut koodia, joka laskee yhteen kaksi lukua, ja haluat nähdä operaation tuloksen konsolissa; tässä tapauksessa voit käyttää console.log()-metodia.

 Document var num_1 = 2, num_2 = 3; console.log(num_1 + num_2);

Onko Console.log synkroninen vai asynkroninen?

Ennen kuin keskustelen kanssasi siitä, onko console.log synkroninen vai asynkroninen, määrittelen ensin, mitä synkroninen ja asynkroninen ovat.

Synkroninen tarkoittaa, että se tapahtuu samaan aikaan, kun taas asynkroninen tarkoittaa, että se ei tapahdu samaan aikaan. Synkronisen osallistujat/käyttäjät voivat siis saada palautetta välittömästi. Asynkroninen mahdollistaa oppimisen omassa ajassa.

Vastaus: concole.log on asynkroninen. Näytän sinulle, miksi näin on, näyttämällä esimerkkejä, erityisesti lajittelemalla joukko objekteja tehokkaammin. Aloitetaan.

Oletetaan, että sinulla on seuraavat objektit joukossasi:

let users = [ { nimi: "Nicole" , ikä: 20, sukunimi: "Luna" } , { nimi: "Cara" , ikä: 21, sukunimi: "Lim" } , { nimi: "Lara" , ikä: 20, sukunimi: "Tuazon" }; ]

array-objekteja

Sinun on lajiteltava tämä joukko kentän nimen mukaan, mikä tehdään yleensä seuraavasti.

/ / nimeltä ( Cara, Lara, Nicole )

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

/ / iän mukaan ( Lara, Nicole, Cara )

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

lajittelu array-objekteja

Järjestääksesi sen tehokkaammin, sinulla on näin:

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

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

lajittelu array-objekteja (yksinkertainen tapa)

Tätä varten sinun on kirjoitettava "Byfield"-funktio, joka välitetään ja lajitellaan se Array.prototype.sort -funktioon, joka koskee array-objektisi objekteja. No, tämä ei ole tämän artikkelin ensisijainen painopiste, mutta katso alla oleva esimerkki, jotta voit suorittaa yllä olevan esimerkin yksinkertaisella tavalla.

> let users = [ { nimi: "Nicole" , ikä: 20, sukunimi: "Luna" } , { nimi: "Cara" , ikä: 21, sukunimi: "Lim" } , { nimi: "Lara" , ikä: 20, sukunimi: "Tuazon" }; ]

function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; }

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

concole.log(users);

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

concole.log(users);

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

> 0: { nimi: " Lara ", ikä: " 20 " , sukunimi: " Tuazon " }

> 1: { nimi: " Nicole ", ikä: " 20 " , sukunimi: " Luna " }

> 1: { nimi: " Cara ", ikä: " 21 " , sukunimi: " Lim " }

pituus: 3

> _proto_: Array (0)

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

> 0: { nimi: " Lara ", ikä: " 20 " , sukunimi: " Tuazon " }

> 1: { nimi: " Nicole ", ikä: " 20 " , sukunimi: " Luna " }

> 1: { nimi: " Cara ", ikä: " 21 " , sukunimi: " Lim " }

pituus: 3

> _proto_: Array (0)

lajitellut array-objektit

Yllä olevasta taulukosta näet, että lajittelen array-objektit kahdesti, lajittelen ensin nimen mukaan, sitten iän mukaan ja jokaisen lajittelutoiminnon jälkeen suoritan console.log ():n. Olet ehkä myös huomannut, että console.log() palautti saman tulosteen jokaiselle lajittelutulokselle, mutta näin ei ole; selitän miksi.

Ajoin yllä olevan koodin kerralla ja päätin sitten laajentaa jokaisen reaktion console.log ():sta. Tämä on tärkeää, koska console.log() on asynkroninen.

Tapahtumasilmukan osalta kaikki asynkroniset toiminnot saapuvat tapahtumataulukkoon. Tässä tapauksessa console.log():n käynnistämisen jälkeen se siirtyy tapahtumataulukkoon ja odottaa tietyn tapahtuman tapahtumista.

Kun tapahtuma tapahtuu, console.log() lähetetään Event Queue -jonoon, jossa se odottaa, kunnes kaikki tässä Event Queue -jonossa olevat prosessit, jotka olivat läsnä jo silloin, kun console.log on sijoitettu, on lähetetty Call Stackiin, jolloin myös console.log() lähetetään tähän Call Stackiin.

Kuinka avata Javascriptin Console.log?

Selaimissa konsoli on yksi useista kehittäjätyökaluista. Voit käyttää konsolia JavaScript-koodin vianmääritykseen. Konsoli löytyy monesta paikasta selaimesta riippuen.

Opetan sinulle, mistä löydät konsolin Google Chrome -selaimessasi tässä ohjeessa.

Vaiheet konsolin lokin avaamiseksi Chromessa

Katsotaanpa, miten Chrome-konsolin loki avataan.

Valitse ponnahdusvalikosta Tarkista, kun Chrome-selain on auki.
Kehitystyökalujen "Elementit"-välilehti avautuu oletusarvoisesti, kun käynnistät Inspectin. "Elementtien" oikealla puolella napsauta "Konsoli".
Voit nyt tarkastella konsolia sekä konsolin lokiin tallennettuja tulosteita.

Voit avata Chromen kehittäjätyökalut myös useilla pikanäppäimillä. Chromen version mukaan voit käyttää seuraavia pikanäppäimiä:

Windowsille ja Linuxille,

Ctrl + Shift + I	Kehittäjätyökalut-ikkuna tulee näkyviin.
Ctrl + Shift + J	Valitsee Kehitystyökalujen Konsoli-välilehden.
Ctrl + Shift + C	Elementin tarkastaminen -tilan vaihtaminen

Pikanäppäimet

Lopulliset ajatukset

The tärkein ero printInin ja console.login välillä on niiden toiminto ja koodin lopputulos . printIn tulostaa tekstin konsoliin, kun taas console.log tulostaa kaikki muuttujat, joissa on merkkijonoja, jotka on koodattu aiemmin.

Periaatteessa nämä Javascriptin toiminnot mahdollistavat muuttujien ja tekstin tulostamisen ja näyttämisen konsoliin. JavaScriptissä voit tulostaa useilla eri menetelmillä.

JavaScript-konsolin lokimenetelmä on yleisimmin käytetty vaihtoehto virheenkorjauksessa. Jotta voit tehdä virheenkorjauksen koodissasi tehokkaammin, sinun pitäisi harjoitella niitä kaikkia ja oppia käyttämään niitä oikein.

Ohjelmoijat ja kehittäjät käyttivät näitä usein tulostamaan siinä valmiiksi määritettyjä muuttujia sekä kaikkia käyttäjälle esitettäviä tietoja.