JavaScript дахь printIn болон console.log хоёрын хооронд ямар ялгаа байдаг вэ? (Хариулсан) – Бүх ялгаа

04-06-202304-06-2023 Mary Davis

Агуулгын хүснэгт

JavaScript бол зөвхөн вэб хөтөч дээр ашиглах боломжтой програмчлалын хэл юм. JavaScript консол нь таны хөтөч дээрх командын мөрийн интерфейс бөгөөд кодын хэсгүүдийг ажиллуулах боломжийг олгодог. Энэ кодын хэсэг нь таны одоо үзэж байгаа вэб хуудастай харилцахаар бүтээгдсэн үед гэнэтийн үр дүн гарч болзошгүй.

“PrintIn” нь текстийг консол дээр хэвлэхэд хүргэдэг. "console.log"-г ашиглан үүнийг бүртгэж, алдааны мэдээ болгон цахим шуудангаар илгээх гэх мэт янз бүрийн зорилгоор ашиглаж болно.

Хэрэв та програмист бол ашиглах, ойлгох нь хэр чухал болохыг мэддэг. JavaScript гэх мэт скрипт хэлүүд. Гэсэн хэдий ч та түүний функцүүдийн талаар эргэлзэх тохиолдол байдаг.

Яг printIn болон console.log функцтэй адил. Эдгээр хоёр функцийн ялгаа, хэрэглээг ойлгоход тань туслахын тулд би тэдгээр нь юу гэсэн үг, хэрхэн ажилладагийг тайлбарлах болно.

Эхлээд эхэлцгээе!

JavaScript гэж юу вэ?

JavaScript нь байнга шинэчлэгдэж байдаг материал үүсгэх, мультимедиа удирдах, график дүрслэх болон бусад бараг бүх зүйлд зориулагдсан скрипт хэл юм.

JavaScript програмчлалын хэл нь танд дараах зүйлсийг хийх боломжийг олгодог тодорхой стандарт програмчлалын боломжуудтай:

Вэб хуудсан дээр тодорхой үйл явдал тохиолдоход та ажиллаж байгаа кодонд хариу өгөх боломжтой.
Та ашигтай өгөгдлийг хадгалахын тулд хувьсагчдыг ашиглаж болно.
Та текст засварлах үйлдэл болох "strings"-ийг ашиглаж болно.програмчлалд

Харин хэрэглэгчийн JavaScript хэлний дээр нэмсэн функц нь илүү сонирхолтой юм. Хэрэглээний програмчлалын интерфэйсүүд (API) нь таны JavaScript кодыг нэмэлт функцээр хангадаг.

Товчхондоо, JavaScript нь кодлож буй зүйлээ хянах боломжийг олгодог маш олон функцтэй. Эдгээр функцуудад printIn болон console.log багтана.

PrintIn гэж юу вэ?

кодлох

PrintIn нь консол дээр текстийг харуулах Java арга юм. Энэ арга нь энэ текстийг String хэлбэрээр параметр болгон хүлээн авдаг. Энэ арга нь курсорыг дараагийн мөрний эхэнд байлгахын зэрэгцээ текстийг консол руу хэвлэнэ.

Дараагийн хэвлэх дараагийн мөрөөс эхэлнэ . Хэд хэдэн printIn аргууд байдаг:

void printIn()	Одоогийн мөрийг дуусгах мөр тусгаарлах мөрийг бичнэ.
void printIn(boolean x)	Буль хэвлэсний дараа мөр дуусгавар болно.
void printIn(char x)	Тэмдэгт хэвлэсний дараа мөр дуусгавар болно.
void print(char [ ] x)	Тэмдэгтүүдийн массив хэвлэсний дараа мөр дуусгавар болно.
void printIn(double x)	Давхар мөр хэвлэсний дараа мөр дуусгавар болно.
void printIn(float x)	Давхар мөр хэвлэсний дараа мөр дуусгавар болно.
хүчингүйprintIn(int x)	Бүтэн тоо хэвлэсний дараа мөр дуусгавар болно.
void printIn(long x)	Мөрийг хэвлэсний дараа дуусгавар болно.
void printIn(Object x)	Объект хэвлэсний дараа мөр дуусгавар болно.
void printIn(String x)	Мөр хэвлэсний дараа мөр дуусгавар болно.

PrintIn-д өөр өөр аргуудыг ашиглах

Хэдийгээр энэ нь таны ажлыг кодлоход ашиглаж болох олон аргуудтай боловч консол дээр текстийг харуулах өөр аргатай тулгарч магадгүй юм. Консол дээр та бүтээлээ хэвлэх хоёр арга байдаг бөгөөд эхнийх нь printIn, нөгөө нь хэвлэх.

Хэвлэх эдгээр хоёр аргын хооронд андуурахгүйн тулд та дараах зүйлийг хийцгээе. хэвлэх хоёр дахь арга болох хэвлэх хоёр дахь ялгааг тодорхойлно.

Хэвлэх нь консол дээр текстийг харуулах Java арга юм. Энэ арга нь энэ текстийг параметр болгон хүлээн авдаг. Мөр. Энэ арга нь курсорыг дараагийн мөрний төгсгөлд байлгахын зэрэгцээ текстийг консол руу хэвлэнэ.

Дараагийн хэвлэх яг эндээс эхэлнэ . Хэд хэдэн printIn аргууд байдаг:

void print(boolean b)	Болийн утгыг хэвлэсэн.
void print(char c)	Тэмдэгт хэвлэв.
void print(char) [ ] с)	Тэмдэгтүүдийн массив хэвлэгдсэн.
void print(давхар d)	Давхар нарийвчлалтай хөвөх цэг хэвлэгдсэн байна.
void print(float f)	Хөвөгч цэг хэвлэгдсэн байна.
void print(int i)	Бүхэл тоо хэвлэв.
void print(урт l) )	Урт бүхэл тоо хэвлэв.
void print(Object obj)	Объект хэвлэгдсэн .
void print(String s)	Мөр хэвлэгдсэн байна.

Хэвлэхдээ янз бүрийн аргуудыг ашиглах

Товчхондоо энэ хоёрын гол ялгаа нь консол дээр хэвлэгдсэн текстийг байрлуулах явдал юм. PrintIn нь дараах мөрийн эхэнд байгаа бол Print нь дараах мөрийн төгсгөлд байна.

Мөн_үзнэ үү: Харгис ба хорт хор: Нарийвчилсан харьцуулалт - Бүх ялгаа

Хэрэв та windows 10-pro болон pro-n-ийн талаар мэдэхийг хүсэж байгаа бол шалгана уу. миний нөгөө нийтлэлийг гаргалаа.

Console.log гэж юу вэ?

Console.log

Консол нь хөтчийн дибаг хийх консол руу нэвтрэх боломжийг олгодог JavaScript объект юм.

Console.log нь JavaScript юм. Өмнө нь тодорхойлогдсон хувьсагч, мөн хэрэглэгчдэд үзүүлэх шаардлагатай аливаа мэдээллийг хэвлэдэг функц.

Гаралт нь ихэвчлэн терминал дээр бүртгэгдсэн (хэвлэсэн). Мөр, массив, объект, логик тоо зэрэг ямар ч төрлийг log() руу дамжуулж болно.

console.log() аргагаралт нь хөтчийн хөгжүүлэгч хэрэглүүрээр дамжуулан хандах боломжтой JavaScript консол дээр харагдана. console.log() ашиглан гаргасан бүх зүйл нь бүлэг, үүрэг хариуцлагаас үл хамааран бүх эцсийн хэрэглэгчид хандах боломжтой.

Та үүнийг хэрхэн ашиглаж болох болон энэ функцийг ашигласны дараа гарах гаралтыг харцгаая.

JavaScript Гаралт

// console. log() method

console.log('abc');

console.log(1);

console .log(true);

console .log(null);

console .log(undefined);

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

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

abc

үнэн

null

тодорхойгүй

Масив(4) [ 1, 2, 3, 4 ]

Объект { a : 1, b : 2 , c : 3

console.log ашиглан оролт гаралт

гэж юу вэ Javascript дээр Console.log ашиглан консол руу хэвлэх арга?

Энэ нь JavaScript-н хамгийн алдартай бөгөөд өргөн хэрэглэгддэг консолын арга юм. Энэ аргыг ихэвчлэн консол дээр янз бүрийн мессеж, тооцооллын үр дүнг хэвлэх эсвэл код дибаг хийх үед ч ашигладаг.

Та хоёр тоо нэмсэн код бичсэн бөгөөд үр дүнг нь харахыг хүсэж байна. консол дээрх үйл ажиллагааны тухай; энэ тохиолдолд та console.log() аргыг ашиглаж болно.

Console.log синхрон уу эсвэл асинхрон уу?

Би тантай console.log синхрон эсвэл асинхрон эсэхийг хэлэлцэхээс өмнө эхлээд синхрон ба асинхрон гэж юу болохыг тодорхойлох болно.

Синхрон гэдэг нь нэгэн зэрэг тохиолддог гэсэн үг, харин асинхрон гэдэг нь Энэ нь нэгэн зэрэг тохиолддоггүй. Тэгэхээрсинхрон дахь оролцогчид/хэрэглэгчид санал хүсэлтийг шууд хүлээн авах боломжтой. Асинхрон нь танд өөрийн цагт суралцах боломжийг олгодог.

Хариулахын тулд concole.log асинхрон байна. Би жишээнүүдийг үзүүлснээр, ялангуяа объектын массивыг илүү үр ашигтайгаар эрэмбэлэх замаар яагаад ийм байдгийг харуулах болно. Эхэлцгээе.

Таны массив дотор дараах объектууд байна гэж бодъё:

хэрэглэгчдэд = [ { нэр: “Николь” , нас: 20, овог: “Луна” } , { нэр: “Кара” , нас: 21, овог: “Лим” } , { нэр: “Лара” , нас: 20, овог: “Туазон” }; ]

массив объект

Та энэ массивыг талбарын нэрээр эрэмбэлэх ёстой бөгөөд үүнийг ихэвчлэн дараах байдлаар хийдэг.

/ / нэрээр ( Кара, Лара, Николь )

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

/ / насаар ( Лара, Николь, Кара )

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

массивын объектуудыг эрэмбэлэх

Үүнийг илүү үр дүнтэй зохион байгуулахын тулд танд дараах байдалтай байна:

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

users.sort(byField( 'нас' ));

массив объектуудыг эрэмбэлэх (энгийн арга)

Ингэхийн тулд та массив дахь объектуудын Array.prototype.sort руу дамжуулж эрэмбэлэхийн тулд "Byfield" функцийг бичих ёстой. За, энэ бол энэ нийтлэлийн гол сэдэв биш боловч дээрх жишээг энгийн байдлаар гүйцээхийн тулд доорх жишээг харна уу.

> хэрэглэгчдийг зөвшөөрөх =[ { нэр: “Николь” , нас: 20, овог: “Луна” } , { нэр: “Кара” , нас: 21, овог: “Лим” } , { нэр: “Лара” , нас: 20, овог: "Туазон" }; ]

функц byField (fieldName ){ буцаах (a, b ) => a [талбайн нэр]? 1 : -1 ; }

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

concole.log(users);

users.sort(byField( ' нас' ) );

concole.log(хэрэглэгч);

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

> 0: { нэр: ” Лара “, нас: ” 20 ” , овог: ” Туазон ” }

> 1: { нэр: ” Николь “, нас: ” 20 ” , овог: “ Луна ” }

> 1: { нэр: ” Кара “, нас: ” 21 ” , овог: “ Лим ” }

урт: 3

> _proto_: Массив (0)

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

> 0: { нэр: ” Лара “, нас: ” 20 ” , овог: ” Туазон ” }

> 1: { нэр: ” Николь “, нас: ” 20 ” , овог: “ Луна ” }

> 1: { нэр: ” Кара “, нас: ” 21 ” , овог: “ Лим ” }

урт: 3

Мөн_үзнэ үү: Кайман, матар, матрын хооронд ямар ялгаа байдаг вэ? (Ялгааг тайлбарласан) - Бүх ялгаа

> _proto_: Массив (0)

эрэмбэлэгдсэн массивын объектууд

Дээрх хүснэгтээс би эрэмбэлэхийг харж болно. массив объектуудыг хоёр удаа, эхлээд нэрээр нь, дараа нь насаар нь эрэмбэлж, эрэмбэлэх үйлдэл бүрийн дараа би console.log () ажиллуулдаг. Түүнчлэн, console.log() нь бүх төрлийн үр дүнд ижил гаралтыг сэргээсэн болохыг та анзаарсан байх, гэхдээ тийм биш; Би яагаад гэдгийг тайлбарлая.

Би дээрх кодыг нэг дор ажиллуулж, дараа нь console.log ()-аас хариу үйлдэл бүрийг өргөжүүлэхээр шийдсэн. console.log() учраас энэ нь чухал юмасинхрон.

Үйл явдлын давталтын хувьд бүх асинхрон функцууд Үйл явдлын хүснэгтэд ирдэг. Энэ тохиолдолд console.log()-г оруулсны дараа Event Table руу шилжиж, тодорхой үйл явдал гарахыг хүлээнэ.

Үйл явдал тохиолдоход console.log()-г Event Queue руу илгээх бөгөөд энэ нь таны console.log-г байршуулах үед энэ үйл явдлын дараалалд байгаа бүх процессууд болон Дуудлага руу илгээгдэх хүртэл хүлээнэ. Стек, тэгвэл таны console.log()-г энэ дуудлагын стек рүү илгээж байна.

Javascript Console.log-г хэрхэн нээх вэ?

Вэб хөтчүүдэд Консол нь хэд хэдэн Хөгжүүлэгч хэрэгслийн нэг юм. JavaScript кодын алдааг олж засварлахын тулд та Консолыг ашиглаж болно. Хөтөчөөс хамааран Консолыг олон газраас олж болно.

Би энэ зааварт таны Google Chrome хөтөч дээрх Консолыг хаанаас олохыг зааж өгөх болно.

Кром дээр консолын бүртгэлийг хэрхэн нээх тухай алхамууд

Chrome консолын бүртгэлийг хэрхэн нээхийг харцгаая.

Chrome хөтөч нээлттэй байхад гарч ирэх цэснээс "Шалгах"-ыг сонгоно уу.
Хөгжүүлэгчийн хэрэгслийн "Элементүүд" ” табыг Inspect-ийг ажиллуулах үед анхдагчаар нээгдэнэ. "Элементүүд"-ийн баруун талд "Консол" дээр товшино уу.
Та одоо Консол болон Консолын бүртгэлд бичигдсэн аливаа гаралтыг үзэх боломжтой.

Мөн та Олон тооны товчлол ашиглан Chrome хөгжүүлэгчийн хэрэгсэл. Таны Chrome-ын хувилбарын дагуу тадараах товчлолуудыг ашиглаж болно:

Windows болон Linux-ийн хувьд

Ctrl + Shift + I	Хөгжүүлэгчийн хэрэгслүүдийн цонх гарч ирнэ.
Ctrl + Shift + J	Хөгжүүлэгчийн хэрэгслүүдийн Консол табыг сонгоно.
Ctrl + Shift + C	Элементийн горимыг шалгах

Товчлолын товчлуурууд

Эцсийн бодол

printIn хоорондын гол ялгаа болон console.log нь тэдний функц ба кодын үр дүн юм. PrintIn нь текстийг консол руу хэвлэдэг бол console.log нь өмнө нь кодлогдсон мөр бүхий хувьсагчдыг хэвлэдэг.

Үндсэндээ Javascript-ийн эдгээр функцууд нь хувьсагч болон текстийг консол дээр хэвлэж харуулах боломжийг олгодог. JavaScript дээр та янз бүрийн арга ашиглан хэвлэх боломжтой.

JavaScript консолын бүртгэлийн арга нь дибаг хийхдээ хамгийн түгээмэл хэрэглэгддэг сонголт юм. Кодоо илүү үр дүнтэй дибаг хийхийн тулд та бүгдийг нь дадлагажуулж, хэрхэн зөв ашиглах талаар сурах хэрэгтэй.

Программистууд болон хөгжүүлэгчид эдгээрийг ихэвчлэн урьдчилан тодорхойлсон хувьсагч болон шаардлагатай бүх мэдээллийг хэвлэхдээ ашигладаг байсан. хэрэглэгчдэд танилцуулах.