Zein da printIn eta console.log JavaScript-en arteko aldea? (Erantzun) - Desberdintasun guztiak
Edukien taula
JavaScript web-arakatzaileetan soilik erabilgarri dagoen programazio-lengoaia da. JavaScript kontsola zure arakatzailearen komando-lerroko interfazea da, kode zatiak exekutatzeko aukera ematen duena. Kode zati hori unean ikusten ari zaren web-orriarekin elkarreragiteko diseinatuta dagoenean, ustekabeko emaitzak ager daitezke.
"PrintIn"-ek testua kontsolara inprimatzen du, zuk, berriz, baliteke “console.log” erabiltzea erregistratzeko eta hainbat helburutarako erabiltzeko, hala nola posta elektronikoz bidaltzeko akatsen txosten gisa.
Programatzailea bazara, badakizu zein garrantzitsua den erabiltzea eta ulertzea. JavaScript bezalako gidoi-lengoaiak dira. Hala ere, zenbaitetan nahastu zaitezke bere funtzioei buruz.
printIn eta console.log funtzioak bezala. Bi funtzio horien desberdintasuna eta aplikazioa ulertzen laguntzeko, zer esan nahi duten eta nola funtzionatzen duten azalduko dizut.
Has gaitezen!
Zer da JavaScript?
Zer da JavaScript?
JavaScript aldizka eguneratzen den materiala sortzeko, multimedia kontrolatzeko, grafikoak animatzeko eta ia beste edozer gauzatzeko script-lengoaia da.
JavaScript programazio-lengoaiak programazio-gaitasun estandar batzuk ditu, besteak beste:
- Web orri batean zenbait gertaera gertatzen direnean, martxan dagoen kode bati erantzun diezaiokezu.
- Aldagaiak erabil ditzakezu datu erabilgarriak gordetzeko.
- "kateak" erabil ditzakezu, hau da, testua editatzeko eragiketa batprogramazioan
Erabiltzailearen JavaScript hizkuntzaren gainean gehitutako funtzionaltasuna, berriz, are interesgarriagoa da. Aplikazioen Programazio Interfazeek (API) zure JavaScript kodeari funtzio gehigarriak ematen dizkiote.
Laburbilduz, JavaScript-ek funtzio asko ditu, kodetzen ari zarena kontrolatzeko aukera ematen dizutena. Funtzio hauek printIn eta console.log dira.
Zer da PrintIn?
kodetzea
PrintIn kontsolan testua bistaratzeko Java metodo bat da. Metodo honek testu hau String formako parametro gisa onartzen du. Planteamendu honek testua kontsolan inprimatzen du kurtsorea hurrengo lerroaren hasieran mantenduz.
Hurrengo inprimaketa hurrengo lerroan hasten da . PrintIn metodo batzuk daude, hala nola:
| void printIn() | Marra-bereizle-katea idazten du uneko lerroa amaitzeko. |
| void printIn(boolean x) | Lerroa bukatzen da boolearra inprimatu ondoren. |
| void printIn(char x) | Lerroa amaitzen da karaktere bat inprimatu ondoren. |
| void print(char [ ] x) | Lerroa amaitzen da karaktere sorta inprimatu ondoren. |
| void printIn(x bikoitza) | Lerroa lerro bikoitza inprimatu ondoren amaitzen da. |
| void printIn(float x) | Lerroa inprimatu ondoren bukatzen da. |
| hutsaprintIn(int x) | Lerroa osoko bat inprimatu ondoren amaitzen da. |
| void printIn(long x) | Lerroa inprimatu ondoren amaitzen da. |
| void printIn(Object x) | Lerroa objektu bat inprimatu ondoren amaitzen da. |
| void printIn(String x) | Lerroa kate bat inprimatu ondoren amaitzen da. |
Inprimatzeko metodo desberdinak erabiltzea
Zure lana kodetzeko erabil ditzakezun metodo asko dituen arren, baliteke testua kontsolan bistaratzeko beste metodo bat topatzea. Kontsolan, bi metodo daude zure lana inprimatzeko, lehena printIn da eta bestea inprimatzeko.
Inprimatzeko bi metodo hauen artean nahastu ez zaitezen, goazen. zehaztu inprimatzeko bigarren metodoaren arteko aldea, inprimatzea.
Inprimatzea kontsolan testua bistaratzeko Java metodo bat da. Metodo honek testu hau parametro gisa onartzen du. Katea. Planteamendu honek testua kontsolara inprimatzen du, kurtsorea hurrengo lerroaren amaieran mantenduz.
Hurrengo inprimaketa hemen bertan hasiko da . PrintIn metodo batzuk daude, hala nola:
| void print(boolean b) | Boolear balio bat inprimatzen da. |
| void print(char c) | Caraktere bat inprimatzen da. |
| void print(char [] s) | Karaktere sorta bat inprimatzen da. |
| inprimaketa hutsa (d bikoitza) | Doitasun bikoitza koma mugikorreko zenbakia inprimatzen da. |
| void print(float f) | Koma mugikorreko zenbakia inprimatzen da. |
| void print(int i) | Zenbaki oso bat inprimatzen da. |
| void print(l luzea) ) | Zenbaki oso luze bat inprimatzen da. |
| void print(Object obj) | Objektu bat inprimatzen da . |
| void print(String s) | Kate bat inprimatzen da. |
Inprimatzeko metodo desberdinak erabiltzea
Laburbilduz, bien arteko desberdintasun nagusia kontsolan inprimatutako testua kokatzea da. PrintIn hurrengo lerroaren hasieran dago eta Print ondoko lerroaren amaieran dago.
Windows 10-pro eta pro-n buruz jakin nahi baduzu, egiaztatu atera nire beste artikulua.
Zer da Console.log?
Console.log
Konsola arakatzailearen arazketa-kontsolarako sarbidea ematen dizun JavaScript objektu bat da.
Console.log JavaScript bat da. bertan aldez aurretik definitu diren aldagaiak inprimatzen dituen funtzioa, baita erabiltzaileari erakutsi behar zaion informazioa ere.
Irteera gehienbat terminalean erregistratzen da (inprimatzen da). Edozein mota pasa daiteke log(era), kateak, matrizeak, objektuak eta boolearrak barne.
Console.log() metodoarenirteera JavaScript kontsolan ikusgai dago, arakatzailearen garatzaile-tresnaren bidez eskuragarri dagoena. console.log()-rekin ateratzen duzun guztia azken erabiltzaile guztientzat eskuragarri dago, haien taldea edo rola edozein dela ere.
Ikus dezagun nola erabil dezakezun, eta funtzio hau erabili ondoren ateratzen den.
| JavaScript | Irteera |
// console. log() metodoa | abc 1 egiazkoa null definitu gabea Matrizea(4) [ 1, 2, 3, 4 ] Objektua { a : 1, b : 2 , c : 3
|
Sarrera eta irteera console.log erabiliz
Zer da Inprimatu Console with Console.log metodoa Javascript-en?
JavaScript-en kontsola-metodo ezagunena eta erabiliena da. Metodo hau maiz erabiltzen da kontsolan hainbat mezu edo kalkulu-emaitzak inprimatzeko edo baita kodea arazketa bitartean ere.
Bi zenbaki gehitzen dituen kode bat idatzi duzu eta emaitza ikusi nahiko zenuke. kontsolaren eragiketa horrena; kasu honetan, console.log() metodoa erabil dezakezu.
6751
Console.log sinkronoa ala asinkronoa al da?
Console.log sinkronoa ala asinkronoa den zurekin eztabaidatu aurretik, sinkronoak eta asinkronoak zer diren zehaztuko dut lehenik.
Sinkronoak esan nahi du aldi berean gertatzen dela eta asinkronoak esan nahi du. ez da aldi berean gertatzen. BerazSinkronoan dauden parte-hartzaileek/erabiltzaileek berehala jaso dezakete iritzia. Asynchronous-ek zure denboran ikasteko aukera ematen dizu.
Erantzuteko, concole.log asinkronoa da. Hori zergatik den erakutsiko dizut, adibideak erakutsiz, bereziki objektu-sorta bat modu eraginkorragoan ordenatuz. Has gaitezen.
Demagun zure array-an objektu hauek dituzula:
| utzi erabiltzaileak = [ { izena: “Nicole” , adina: 20, abizena: “Luna” } , { izena: “Cara” , adina: 21, abizena: “Lim” } , { izena: “Lara” , adina: 20, abizena: “Tuazon” }; ] |
Matrizearen objektuak
Matrize hau eremu-izenaren arabera ordenatu behar duzu, normalean honela egiten da.
| / / izenez ( Cara, Lara, Nicole ) users.sort ( ( a, b ) => a.name > b.name ? 1 : -1); / / adinaren arabera ( Lara, Nicole, Cara ) users.sort ( ( a, b ) => a.age > b.name ? 1 : -1);
|
matrize-objektuak ordenatzea
Modu eraginkorragoan antolatzeko, hau izango duzu:
| users.sort(byField('izena')); users.sort(byField('adina' )); |
Matrizeko objektuak ordenatzea (modu sinplean)
Horretarako, "Byfield" funtzioa idatzi behar duzu zure array-ko objektuak Array.prototype.sort-era pasatzeko eta ordenatzeko. Beno, hau ez da artikulu honen ardatz nagusia, baina begiratu beheko adibidea goiko adibidea modu erraz batean osatzeko.
| > utzi erabiltzaileak =[ { izena: “Nicole” , adina: 20, abizena: “Luna” } , { izena: “Cara” , adina: 21, abizena: “Lim” } , { izena: “Lara” , adina: 20, abizena: “Tuazon”}; ] Eremuaren arabera (eremu izena){ return (a, b) => a[eremu izena]? 1 : -1 ; users.sort(byField('izena')); concole.log(erabiltzaileak); users.sort(byField('adina') ); concole.log(erabiltzaileak); (3) [ { … }, { … }, { … } ] > 0: { izena: ” Lara “, adina: ” 20 ” , abizena: ” Tuazon ” > 1: { izena: ” Nicole “, adina: ” 20 ” , abizena: ” Luna ” > 1: { izena: ” Cara “, adina: ” 21 ” , abizena: ” Lim ” luzera: 3 > _proto_: Array (0) (3) [ { … }, { … }, { … } ] > 0: { izena: ” Lara “, adina: ” 20 ” , abizena: ” Tuazon ” > 1: { izena: ” Nicole “, adina: ” 20 ” , abizena: ” Luna ” > 1: { izena: ” Cara “, adina: ” 21 ” , abizena: ” Lim ” luzera: 3 > _proto_: Array (0)
|
ordenatutako array objektuak
Goiko taulan ikus dezakezu ordenatzen dudala array objektuak bi aldiz, izenaren arabera ordenatzen ditut lehenengo, adinaren arabera hurrengoa, eta ordenatzeko eragiketa bakoitzaren ondoren, console.log () exekutatzen dut. Gainera, baliteke console.log()-ek emaitza mota guztietarako irteera bera leheneratu zuela, baina ez da horrela; utz iezadazu azaldu zergatik.
Kodea batez ere exekutatu nuen aldi berean, orduan erreakzio bakoitza console.log ()-tik zabaltzea erabaki nuen. Hau esanguratsua da console.log() delakoasinkronoa.
Gertaera-begizta-ri dagokionez, ezaugarri asinkrono guztiak Gertaeren Taulara iristen dira. Kasu honetan, console.log() agertu ondoren, Gertaeren Taulara joaten da eta gertaera zehatz bat gertatu arte itxarongo du.
Gertaera bat gertatzen denean, console.log() Gertaera-ilarara bidaliko da, non zure console.log jarri zenean dagoeneko presente zeuden eta Dei-ra bidali arte itxarongo duen Gertaera-ilara honetako prozesu guztiak. Stack, orduan zure console.log() dei pila honetara ere bidaltzen ari da.
Nola ireki Javascript Console.log?
Web arakatzaileetan, Kontsola garatzaileentzako tresnetako bat da. Zure JavaScript kodea arazoak konpontzeko, Kontsola erabil dezakezu. Kontsola leku askotan aurki daiteke arakatzailearen arabera.
Tutorial honetan kontsola zure Google Chrome arakatzailean non aurkitu irakatsiko dizut.
Chrome-n kontsolaren erregistroa nola irekitzeko urratsak
Ikus dezagun nola ireki Chrome kontsolaren erregistroa.
- Hautatu Ikuskatu laster-menuan Chrome arakatzailea irekita dagoen bitartean.
- Garatzaile-tresnak "Elementuak" ” fitxa lehenespenez irekiko da Inspect exekutatzen duzunean. "Elementuak" eskuinaldean, egin klik "Kontsola".
- Orain kontsola ikus dezakezu, baita kontsolaren erregistroan grabatutako edozein irteera ere.
Kontsola ere ireki dezakezu. Chrome Garatzaileen Tresnak laster-tekla batzuk erabiliz. Zure Chrome-ren bertsioaren arabera, zuklasterbide hauek erabil ditzake:
Windows eta Linuxerako,
| Ktrl + Shift + I | Garatzaileen tresnen leihoa agertzen da. |
| Ktrl + Shift + J | Kontsola fitxa hautatzen du Garatzaileen tresnetan. |
| Ktrl + Shift + C | Inspect Element modua txandakatzen da |
Laster-teklak
Azken pentsamenduak
printIn-en arteko diferentzia nagusia eta console.log da haien funtzioa eta kodearen emaitza . PrintIn-ek testua kontsolara inprimatzen du, console.log-ek aurretik kodetutako kateekin edozein aldagai inprimatzen dituen bitartean.
Oinarrian, Javascript-en funtzio hauek aldagaiak eta testua kontsolan inprimatzeko eta bistaratzeko aukera ematen dute. JavaScript-en, hainbat metodo erabiliz inprima dezakezu.
JavaScript kontsolaren erregistro-metodoa da arazketan gehien erabiltzen den aukera. Zure kodea modu eraginkorragoan arazteko, horiek guztiak landu eta behar bezala erabiltzen ikasi beharko zenuke.
Programatzaileek eta garatzaileek sarritan erabiltzen zituzten hauek bertan aurrez zehaztutako aldagaiak inprimatzeko, baita behar duten informazioa ere. erabiltzaileari aurkeztu beharrekoa.
