Beth yw'r gwahaniaeth rhwng printIn a console.log yn JavaScript? (Atebwyd) – Yr Holl Wahaniaethau

04-06-202304-06-2023 Mary Davis

Tabl cynnwys

Mae JavaScript yn iaith raglennu sydd ond ar gael mewn porwyr gwe. Mae'r consol JavaScript yn rhyngwyneb llinell orchymyn yn eich porwr sy'n eich galluogi i redeg pytiau cod. Pan fydd y pyt cod hwnnw wedi'i ddylunio i ryngweithio â'r dudalen we rydych chi'n edrych arni ar hyn o bryd, mae'n bosibl y bydd canlyniadau annisgwyl.

Mae “PrintIn” yn golygu bod y testun yn cael ei argraffu i'r consol , tra rydych chi Gall ddefnyddio “console.log” i'w logio a'i ddefnyddio at wahanol ddibenion, megis ei e-bostio fel adroddiad nam.

Os ydych chi'n rhaglennydd, rydych chi'n gwybod pa mor bwysig yw defnyddio a deall ieithoedd sgriptio fel JavaScript yw. Fodd bynnag, mae yna adegau efallai y byddwch wedi drysu ynglŷn â'i swyddogaethau.

Gweld hefyd: WWE Raw And SmackDown (Gwahaniaethau Manwl) – Yr Holl Wahaniaethau

Yn union fel y swyddogaeth printIn a console.log. Er mwyn eich helpu i ddeall gwahaniaeth a chymhwysiad y ddwy swyddogaeth hyn, byddaf yn esbonio beth maen nhw'n ei olygu a sut maen nhw'n gweithio.

Dechrau i ni!

Beth yw JavaScript?

Iaith sgriptio yw JavaScript ar gyfer creu deunydd sy'n cael ei ddiweddaru'n rheolaidd, rheoli amlgyfrwng, graffeg animeiddio, a bron iawn unrhyw beth arall.

Mae gan yr iaith raglennu JavaScript rai galluoedd rhaglennu safonol sy'n eich galluogi i wneud pethau fel:

Pan fydd digwyddiadau penodol yn digwydd ar dudalen we, gallwch ymateb i god rhedeg.
Gallwch ddefnyddio newidynnau i storio data defnyddiol.
Gallwch ddefnyddio “strings” sef gweithrediad golygu testunmewn rhaglennu

Mae'r swyddogaeth a ychwanegir ar ben iaith JavaScript y defnyddiwr, ar y llaw arall, hyd yn oed yn fwy diddorol. Mae Rhyngwynebau Rhaglennu Cymwysiadau (APIs) yn rhoi swyddogaethau ychwanegol i'ch cod JavaScript.

Yn fyr, mae gan JavaScript lawer o swyddogaethau sy'n eich galluogi i reoli'r hyn rydych chi'n ei godio. Mae'r swyddogaethau hyn yn cynnwys printIn a console.log.

Beth yw PrintIn?

codio

Dull Java ar gyfer dangos testun ar y consol yw PrintIn. Mae'r dull hwn yn derbyn y testun hwn fel paramedr ar ffurf Llinyn. Mae'r dull hwn yn argraffu'r testun i'r consol tra'n cadw'r cyrchwr ar ddechrau'r llinell ganlynol.

Mae'r argraffu nesaf yn dechrau ar y llinell nesaf . Mae yna sawl dull printIn fel:

> > void printIn(Gwrthrych x) <20

Defnyddio gwahanol ddulliau mewn printIn

Er bod ganddo lawer o ddulliau y gallwch eu defnyddio i godio'ch gwaith, efallai y byddwch yn dod ar draws dull arall o arddangos y testun yn y consol. Yn y consol, mae dau ddull lle gallwch chi argraffu eich gwaith, y cyntaf yw printIn a'r llall yw print.

Er mwyn i chi allu peidio â drysu rhwng y ddau ddull hyn o argraffu, gadewch i ni diffinio'r gwahaniaeth rhwng yr ail ddull argraffu, y print.

Dull Java ar gyfer dangos testun ar y consol yw Argraffu. Mae'r dull hwn yn derbyn y testun hwn fel paramedr ar ffurf a Llinyn. Mae'r dull hwn yn argraffu'r testun i'r consol tra'n cadw'r cyrchwr ar ddiwedd y llinell ganlynol.

Bydd yr argraffu nesaf yn dechrau yma . Mae yna nifer o ddulliau printMewn fel:

void printIn()	Yn ysgrifennu llinyn y gwahanydd llinell i orffen y llinell gyfredol.
void printIn(boolean x)	Mae'r llinell yn dod i ben ar ôl argraffu boolean.
gwactod printIn( torgoch x)	Mae'r llinell yn cael ei therfynu ar ôl argraffu nod.
x)	Mae'r llinell yn cael ei therfynu ar ôl argraffu amrywiaeth o nodau.
void printIn(dwbl x)	Mae'r llinell yn cael ei therfynu ar ôl argraffu llinell ddwbl.
void printIn(float x)	Mae'r llinell yn cael ei therfynu ar ôl argraffu arnofio.<17
> gwagprintIn(int x)	Mae'r llinell yn dod i ben ar ôl argraffu cyfanrif.
gwag printIn(hir x)	Terfynir y llinell ar ôl argraffu ar hyd.
Terfynir y llinell ar ôl argraffu gwrthrych.
void printIn(Llinyn x)	Mae'r llinell yn dod i ben ar ôl argraffu llinyn.

> print gwag(boolean b) > print gwag(float f) > argraffu gwag(Llinynnau)

Mae gwerth boolaidd yn cael ei argraffu.
argraffu gwag(torc c)	Mae nod wedi'i argraffu. [ ] s)	Argraffwyd amrywiaeth o nodau.
print gwag(dwbl d)	Dull-gywirdeb rhif pwynt arnawf wedi'i argraffu.
Mae rhif pwynt arnawf wedi'i argraffu.
argraffu gwag(int i)	Argraffwyd cyfanrif. )	Argraffwyd cyfanrif hir.
argraffu gwag(gwrthrych am)	Argraffwyd gwrthrych .
Mae llinyn yn cael ei argraffu.

Defnyddio gwahanol ddulliau mewn print

Yn fyr, y gwahaniaeth allweddol rhwng y ddau yw lleoliad y testun a argraffwyd yn y consol. Mae PrintIn ar ddechrau'r llinell ganlynol tra bod Print ar ar ddiwedd y llinell ganlynol.

Os oes gennych ddiddordeb mewn gwybod am windows 10-pro a pro-n, gwiriwch allan fy erthygl arall.

Beth yw Console.log?

Console.log

Mae'r consol yn wrthrych JavaScript sy'n rhoi mynediad i chi i gonsol dadfygio'r porwr.

Mae'r consol.log yn JavaScript ffwythiant sy'n argraffu unrhyw newidynnau sydd wedi'u diffinio'n flaenorol ynddo, yn ogystal ag unrhyw wybodaeth sydd angen ei dangos i'r defnyddiwr.

Mae'r allbwn wedi'i logio (argraffu) yn bennaf i'r derfynell. Gellir trosglwyddo unrhyw fath i log(), gan gynnwys llinynnau, araeau, gwrthrychau, a booleans.

Dulliau consol.log()mae allbwn yn weladwy yn y consol JavaScript, y gellir ei gyrchu trwy offeryn datblygwr y porwr. Mae beth bynnag rydych chi'n ei allbynnu gyda console.log() yn hygyrch i bob defnyddiwr terfynol, waeth beth fo'u grŵp neu rôl.

> Gadewch i ni edrych ar sut y gallwch ei ddefnyddio, a'r allbwn ar ôl defnyddio'r ffwythiant hwn.

JavaScript Allbwn

// console. log() dull

console.log('abc');

console.log(1);

0> 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

gwir

null

anniffiniedig

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

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

Mewnbwn ac Allbwn gan ddefnyddio console.log

Beth yw y dull Argraffu i'r Consol gyda Console.log yn Javascript?

Dyma ddull consol mwyaf poblogaidd JavaScript a ddefnyddir yn eang. Defnyddir y dull hwn yn aml i argraffu negeseuon amrywiol neu ganlyniadau cyfrifo i'r consol neu hyd yn oed wrth ddadfygio cod.

Rydych wedi ysgrifennu cod sy'n ychwanegu dau rif, a hoffech weld y canlyniad o'r llawdriniaeth honno ar y consol; yn yr achos hwn, gallwch ddefnyddio'r dull consol.log().

Ydy Consol.log yn gydamserol neu'n asyncronig?

Cyn i mi drafod â chi a yw consol.log yn gydamserol neu'n asyncronig, byddaf yn diffinio'n gyntaf beth yw ystyr cydamserol ac asyncronaidd. nid yw'n digwydd ar yr un pryd. Fellygall cyfranogwyr/defnyddwyr yn synchronous gael adborth ar unwaith. Mae asynchronous yn caniatáu ichi ddysgu yn eich amser eich hun.

I ateb, mae concole.log yn asyncronig. Fe ddangosaf i chi pam, trwy ddangos enghreifftiau, yn enwedig didoli amrywiaeth o wrthrychau mewn modd mwy effeithlon. Gadewch i ni ddechrau.

Dewch i ni ddweud bod gennych chi'r gwrthrychau canlynol yn eich arae:

let users = [ { enw: “Nicole”, oed: 20, cyfenw: “Luna” } , { enw: “Cara” , oed: 21, cyfenw: “Lim” } , { enw: “Lara” , oed: 20, cyfenw: “Tuazon” }; ]

aráe objects

Rhaid i chi ddidoli'r arae hon yn ôl enw maes, sy'n cael ei wneud fel arfer fel a ganlyn.

/ / yn ôl enw ( Cara, Lara, Nicole )

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

/ / yn ôl oedran ( Lara, Nicole, Cara )

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

yn trefnu gwrthrychau arae

I’w drefnu mewn modd mwy effeithlon, bydd gennych fel hyn:

<20

yn trefnu gwrthrychau arae (ffordd syml)

I wneud hynny, rhaid i chi ysgrifennu'r ffwythiant “Byfield” i'w basio a'i ddidoli i Array.prototype.sort o'r gwrthrychau yn eich arae. Wel, nid dyma yw prif ffocws yr erthygl hon ond edrychwch isod fel enghraifft i gwblhau'r enghraifft uchod mewn ffordd syml.

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

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

> gadael i ddefnyddwyr =[ { enw: “Nicole” , oed: 20, cyfenw: “Luna” } , { enw: “Cara”, oed: 21, cyfenw: “Lim” } , { enw: “Lara”, oed: 20, cyfenw: “Tuazon” }; ]

swyddogaeth byField ( enw maes ) { dychwelyd ( a , b ) => a[Enw Maes] ? 1 :-1; }

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

concole.log(defnyddwyr);

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

concole.log(defnyddwyr);

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

> 0: { enw: ” Lara “, oed: ” 20 ” , cyfenw: ” Tuazon ” }

> 1: { enw: ” Nicole “, oed: ” 20 ” , cyfenw: ” Luna ” }

> 1: { enw: " Cara ", oed: " 21 " , cyfenw: " Lim " }

hyd: 3

> _proto_: Arae (0)

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

> 0: { enw: ” Lara “, oed: ” 20 ” , cyfenw: ” Tuazon ” }

> 1: { enw: ” Nicole “, oed: ” 20 ” , cyfenw: ” Luna ” }

> 1: { enw: " Cara ", oed: " 21 " , cyfenw: " Lim " }

hyd: 3

> _proto_: Array(0)

17>

gwrthrychau arae wedi'u didoli

Gallwch weld o'r tabl uchod fy mod yn didoli'r gwrthrychau arae ddwywaith, rwy'n didoli yn ôl enw yn gyntaf, nesaf yn ôl oedran, ac ar ôl pob gweithrediad didoli, rwy'n rhedeg consol.log (). Hefyd, efallai eich bod wedi sylwi bod consol.log() wedi adfer yr un allbwn ar gyfer pob math o ganlyniad, ond nid yw hyn yn wir; gadewch i mi egluro pam.

Rhedais y cod yn anad dim ar unwaith, yna penderfynais ehangu pob ymateb o console.log (). Mae hyn yn arwyddocaol oherwydd bod consol.log().asynchronous.

O ran Event Loop, mae'r holl nodweddion asyncronaidd yn cyrraedd y Tabl Digwyddiad. Yn yr achos hwn, ar ôl magu console.log (), mae'n mynd ymlaen i Event Table ac yn aros i ddigwyddiad penodol ddigwydd.

Pan fydd digwyddiad yn digwydd, bydd console.log() yn cael ei anfon i'r Ciw Digwyddiad, lle mae'n aros tan yr holl brosesau yn y Ciw Digwyddiad hwn a oedd eisoes yn bresennol pan fydd eich consol.log wedi'i osod a'i anfon i Alwad Stack, yna mae eich consol.log() yn cael ei anfon i'r Stack Galwadau hwn hefyd.

Gweld hefyd: Beth Yw'r Gwahaniaeth Rhwng Ymarfer Corff Gwthio Ac Ymarfer Tynnu Yn Y Gampfa? (Ymhelaethu) – Yr Holl Gwahaniaethau

Sut i Agor y Javascript Console.log?

Mewn porwyr gwe, mae'r Consol yn un o'r sawl Offer Datblygwr. Er mwyn datrys problemau eich cod JavaScript, gallwch ddefnyddio'r Consol. Gellir dod o hyd i'r Consol mewn llawer o leoedd yn dibynnu ar y porwr.

Byddaf yn eich dysgu ble i ddarganfod y Consol yn eich porwr Google Chrome yn y tiwtorial hwn.

Camau ar sut i agor y log consol yn Chrome

Gadewch i ni edrych ar sut i agor y log consol Chrome.

Dewiswch Inspect o'r ddewislen naid tra bod y porwr Chrome ar agor.
Elfennau The Developer Tools ” Bydd tab yn cael ei agor yn ddiofyn pan fyddwch chi'n rhedeg Inspect. I'r dde o “Elements,” cliciwch “Console.”
Gallwch nawr weld y Consol yn ogystal ag unrhyw allbwn a gofnodwyd i log y Consol.

Gallwch hefyd agor y Offer Datblygwr Chrome gan ddefnyddio nifer o allweddi llwybr byr. Yn ôl y fersiwn o'ch Chrome, chiyn gallu defnyddio'r llwybrau byr canlynol:

Ar gyfer Windows a Linux,

Ctrl + Shift + I	Mae'r ffenestr Developer Tools yn ymddangos.
Ctrl + Shift + J	Yn dewis y tab Consol yn y Developer Tools.
Ctrl + Shift + C<17	Archwilio toglau modd Element

Allweddi Byrlwybr

Syniadau Terfynol

Y prif wahaniaeth rhwng printIn a consol.log yw eu swyddogaeth a chanlyniad y cod . Mae PrintIn yn argraffu'r testun i'r consol tra bod consol.log yn argraffu unrhyw newidynnau gyda llinynnau sydd wedi'u codio o'r blaen.

Yn y bôn, mae'r swyddogaethau hyn o Javascript yn eich galluogi i argraffu ac arddangos y newidynnau a'r testun i'r consol. Yn JavaScript, gallwch argraffu gan ddefnyddio amrywiaeth o ddulliau.

Dull log consol JavaScript yw'r opsiwn a ddefnyddir amlaf wrth ddadfygio. I ddadfygio'ch cod yn fwy effeithiol, dylech eu hymarfer i gyd a dysgu sut i'w defnyddio'n gywir.

Roedd rhaglenwyr a datblygwyr yn aml yn defnyddio'r rhain i argraffu unrhyw newidynnau sydd wedi'u diffinio ymlaen llaw ynddo, yn ogystal ag unrhyw wybodaeth sydd ei hangen i'w gyflwyno i'r defnyddiwr.