Apakah Perbezaan Antara printIn dan console.log dalam JavaScript? (Jawab) - Semua Perbezaan

04-06-202304-06-2023 Mary Davis

Isi kandungan

JavaScript ialah bahasa pengaturcaraan yang hanya tersedia dalam pelayar web. Konsol JavaScript ialah antara muka baris arahan dalam penyemak imbas anda yang membolehkan anda menjalankan coretan kod. Apabila coretan kod itu direka bentuk untuk berinteraksi dengan halaman web yang sedang anda lihat, hasil yang tidak dijangka mungkin berlaku.

“PrintIn” menjadikan teks dicetak ke konsol, manakala anda boleh menggunakan “console.log” untuk log dan menggunakannya untuk pelbagai tujuan, seperti menghantar e-mel sebagai laporan pepijat.

Jika anda seorang pengaturcara, anda tahu betapa pentingnya untuk menggunakan dan memahami bahasa skrip seperti JavaScript. Walau bagaimanapun, ada kalanya anda mungkin keliru tentang fungsinya.

Sama seperti fungsi printIn dan console.log. Untuk membantu anda memahami perbezaan dan penggunaan kedua-dua fungsi ini, saya akan menerangkan maksudnya dan cara ia berfungsi.

Mari mulakan!

Apakah itu JavaScript?

JavaScript ialah bahasa skrip untuk mencipta bahan yang dikemas kini secara kerap, mengawal multimedia, menganimasikan grafik dan hampir semua perkara lain.

Bahasa pengaturcaraan JavaScript mempunyai keupayaan pengaturcaraan standard tertentu yang membolehkan anda melakukan perkara seperti:

Apabila peristiwa tertentu berlaku pada halaman web, anda boleh bertindak balas kepada kod yang sedang dijalankan.
Anda boleh menggunakan pembolehubah untuk menyimpan data yang berguna.
Anda boleh menggunakan "rentetan" yang merupakan operasi penyuntingan teksdalam pengaturcaraan

Fungsi yang ditambahkan di atas bahasa JavaScript pengguna, sebaliknya, adalah lebih menarik. Antara Muka Pengaturcaraan Aplikasi (API) memberikan kod JavaScript anda fungsi tambahan.

Ringkasnya, JavaScript mempunyai banyak fungsi yang membolehkan anda mengawal perkara yang anda kodkan. Fungsi ini termasuk printIn dan console.log.

Lihat juga: Apakah Perbezaan Antara Gardenia Dan Bunga Melati? (Perasaan Kesegaran) – Semua Perbezaan

Apakah itu PrintIn?

pengekodan

PrintIn ialah kaedah Java untuk memaparkan teks pada konsol. Kaedah ini menerima teks ini sebagai parameter dalam bentuk String. Pendekatan ini mencetak teks ke konsol sambil mengekalkan kursor pada permulaan baris berikut.

Pencetakan seterusnya bermula pada baris seterusnya . Terdapat beberapa kaedah printIn seperti:

void printIn()	Menulis rentetan pemisah baris untuk menamatkan baris semasa.
void printIn(boolean x)	Barisan ditamatkan selepas mencetak boolean.
void printIn(char x)	Barisan ditamatkan selepas mencetak aksara.
void print(char [ ] x)	Barisan ditamatkan selepas mencetak tatasusunan aksara.
void printIn(double x)	Baris ditamatkan selepas mencetak baris berkembar.
void printIn(float x)	Barisan ditamatkan selepas mencetak terapung.
batalprintIn(int x)	Barisan ditamatkan selepas mencetak integer.
void printIn(long x)	Barisan ditamatkan selepas mencetak bersama.
void printIn(Objek x)	Barisan ditamatkan selepas mencetak objek.
void printIn(String x)	Barisan ditamatkan selepas mencetak rentetan.

Penggunaan kaedah yang berbeza dalam printIn

Walaupun ia mempunyai banyak kaedah yang boleh anda gunakan dalam pengekodan kerja anda, anda mungkin menghadapi kaedah lain untuk memaparkan teks dalam konsol. Dalam konsol, terdapat dua kaedah di mana anda boleh mencetak kerja anda, yang pertama ialah printIn manakala satu lagi adalah cetak.

Untuk anda tidak keliru antara dua kaedah pencetakan ini, mari kita tentukan perbezaan antara kaedah kedua dalam percetakan, cetakan.

Cetak ialah kaedah Java untuk memaparkan teks pada konsol. Kaedah ini menerima teks ini sebagai parameter dalam bentuk Tali. Pendekatan ini mencetak teks ke konsol sambil mengekalkan kursor pada penghujung baris berikut.

Pencetakan seterusnya akan bermula di sini . Terdapat beberapa kaedah printIn seperti:

cetak batal(boolean b)	Nilai boolean dicetak.
cetakan batal(char c)	Sesuatu aksara dicetak.
cetakan batal(char [ ] s)	Susun atur aksara dicetak.
cetakan batal(double d)	Ketepatan dua kali nombor titik terapung dicetak.
cetakan batal(float f)	Nombor titik terapung dicetak.
cetakan batal(int i)	Integer dicetak.
cetakan batal(panjang l )	Integer panjang dicetak.
cetakan batal(obj objek)	Sesuatu objek dicetak .
cetakan batal(String s)	Rentetan dicetak.

Penggunaan kaedah yang berbeza dalam cetakan

Ringkasnya, perbezaan utama antara keduanya ialah penempatan teks yang dicetak dalam konsol. PrintIn berada di permulaan baris berikut manakala Print berada di penghujung baris berikut.

Jika anda berminat untuk mengetahui tentang windows 10-pro dan pro-n, semak daripada artikel saya yang lain.

Apakah itu Console.log?

Console.log

Konsol ialah objek JavaScript yang memberi anda akses kepada konsol penyahpepijatan penyemak imbas.

Console.log ialah JavaScript fungsi yang mencetak sebarang pembolehubah yang telah ditakrifkan sebelum ini di dalamnya, serta sebarang maklumat yang perlu ditunjukkan kepada pengguna.

Kebanyakan keluaran dilog (dicetak) ke terminal. Sebarang jenis boleh dihantar ke log(), termasuk rentetan, tatasusunan, objek dan boolean.

Kaedah console.log()output kelihatan dalam konsol JavaScript, yang boleh diakses melalui alat pembangun penyemak imbas. Apa sahaja yang anda keluarkan dengan console.log() boleh diakses oleh semua pengguna akhir, tanpa mengira kumpulan atau peranan mereka.

Mari kita lihat cara anda boleh menggunakannya dan output selepas menggunakan fungsi ini.

JavaScript Output

// console. log() kaedah

console.log('abc');

console.log(1);

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

true

null

undefined

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

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

Input dan Output menggunakan console.log

Apakah kaedah Print to Console dengan Console.log dalam Javascript?

Ia ialah kaedah konsol JavaScript yang paling popular dan digunakan secara meluas. Kaedah ini sering digunakan untuk mencetak pelbagai mesej atau hasil pengiraan ke konsol atau semasa menyahpepijat kod.

Anda telah menulis beberapa kod yang menambah dua nombor dan anda ingin melihat hasilnya operasi itu pada konsol; dalam kes ini, anda boleh menggunakan kaedah console.log().

Adakah Console.log segerak atau tak segerak?

Sebelum saya berbincang dengan anda sama ada console.log adalah segerak atau tak segerak, saya akan menentukan dahulu apa itu segerak dan tak segerak.

Segerak bermaksud ia berlaku pada masa yang sama manakala tak segerak bermaksud bahawa ia tidak berlaku pada masa yang sama. Jadipeserta/pengguna secara serentak boleh menerima maklum balas dengan segera. Asynchronous membolehkan anda belajar dalam masa anda sendiri.

Untuk menjawab, concole.log adalah tak segerak. Saya akan menunjukkan kepada anda mengapa demikian, dengan menunjukkan contoh, terutamanya menyusun pelbagai objek dengan cara yang lebih cekap. Mari mulakan.

Katakan anda mempunyai objek berikut dalam tatasusunan anda:

benarkan pengguna = [ { name: “Nicole” , umur: 20, nama keluarga: “Luna” } , { nama: “Cara” , umur: 21, nama keluarga: “Lim” } , { nama: “Lara” , umur: 20, nama keluarga: “Tuazon” }; ]

objek tatasusunan

Anda mesti mengisih tatasusunan ini mengikut nama medan, yang biasanya dilakukan seperti berikut.

/ / mengikut nama ( Cara, Lara, Nicole )

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

/ / mengikut umur ( Lara, Nicole, Cara )

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

mengisih objek tatasusunan

Untuk menyusunnya dengan cara yang lebih cekap, anda akan mempunyai seperti ini:

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

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

mengisih objek tatasusunan (cara sederhana)

Untuk berbuat demikian, anda mesti menulis fungsi "Byfield" untuk menghantar dan mengisihnya kepada Array.prototype.sort objek dalam tatasusunan anda. Nah, ini bukan fokus utama artikel ini tetapi sila lihat contoh di bawah untuk melengkapkan contoh di atas dengan cara yang mudah.

> biarkan pengguna =[ { nama: “Nicole” , umur: 20, nama keluarga: “Luna” } , { nama: “Cara” , umur: 21, nama keluarga: “Lim” } , { nama: “Lara” , umur: 20, nama keluarga: “Tuazon” }; ]

fungsi mengikut Medan (Nama medan ){ return (a, b ) => a[fieldName] ? 1 : -1 ; }

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

concole.log(users);

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

concole.log(pengguna);

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

> 0: { nama: ” Lara “, umur: ” 20 ” , nama keluarga: ” Tuazon ” }

> 1: { nama: ” Nicole “, umur: ” 20 ” , nama keluarga: ” Luna ” }

> 1: { nama: ” Cara “, umur: ” 21 ” , nama keluarga: ” Lim ” }

panjang: 3

Lihat juga: Perbezaan Antara Glaive dan Halberd - Semua Perbezaan

> _proto_: Tatasusunan (0)

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

> 0: { nama: ” Lara “, umur: ” 20 ” , nama keluarga: ” Tuazon ” }

> 1: { nama: ” Nicole “, umur: ” 20 ” , nama keluarga: ” Luna ” }

> 1: { nama: ” Cara “, umur: ” 21 ” , nama keluarga: ” Lim ” }

panjang: 3

> _proto_: Tatasusunan (0)

objek tatasusunan diisih

Anda boleh lihat daripada jadual di atas bahawa saya mengisih objek tatasusunan dua kali, saya mengisih mengikut nama dahulu, seterusnya mengikut umur, dan selepas setiap operasi isihan, saya menjalankan console.log (). Selain itu, anda mungkin telah melihat bahawa console.log() memulihkan output yang sama untuk setiap jenis hasil, tetapi ini tidak berlaku; biar saya terangkan sebabnya.

Saya menjalankan kod di atas sekali gus, kemudian memutuskan untuk mengembangkan setiap reaksi daripada console.log (). Ini penting kerana console.log() adalahtak segerak.

Dari segi Gelung Acara, semua ciri tak segerak tiba di Jadual Acara. Dalam kes ini, selepas memaparkan console.log(), ia meneruskan ke Jadual Acara dan menunggu acara tertentu berlaku.

Apabila acara berlaku, console.log() akan dihantar ke Baris Gilir Acara, di mana ia menunggu sehingga semua proses dalam Baris Gilir Acara ini yang telah hadir apabila console.log anda diletakkan dan telah dihantar ke Panggilan Tindanan, kemudian console.log() anda sedang dihantar ke Tindanan Panggilan ini juga.

Bagaimana untuk Membuka Javascript Console.log?

Dalam pelayar web, Konsol ialah salah satu daripada beberapa Alat Pembangun. Untuk menyelesaikan masalah kod JavaScript anda, anda boleh menggunakan Konsol. Konsol boleh didapati di banyak tempat bergantung pada penyemak imbas.

Saya akan mengajar anda tempat untuk menemui Konsol dalam penyemak imbas Google Chrome anda dalam tutorial ini.

Langkah tentang cara membuka log konsol dalam Chrome

Mari kita lihat cara membuka log konsol Chrome.

Pilih Periksa daripada menu timbul semasa penyemak imbas Chrome dibuka.
“Elemen Alat Pembangun ” tab akan dibuka secara lalai apabila anda menjalankan Inspect. Di sebelah kanan "Elemen", klik "Konsol."
Anda kini boleh melihat Konsol serta sebarang output yang direkodkan ke log Konsol.

Anda juga boleh membuka Alat Pembangun Chrome menggunakan beberapa kekunci pintasan. Mengikut versi Chrome anda, andaboleh menggunakan pintasan berikut:

Untuk Windows dan Linux,

Ctrl + Shift + I	Tetingkap Alat Pembangun muncul.
Ctrl + Shift + J	Memilih tab Konsol dalam Alat Pembangun.
Ctrl + Shift + C	Togol mod Periksa Elemen

Kekunci Pintasan

Fikiran Akhir

Perbezaan utama antara printIn dan console.log ialah fungsi mereka dan hasil kod . PrintIn mencetak teks ke konsol manakala console.log mencetak sebarang pembolehubah dengan rentetan yang telah dikodkan sebelum ini.

Pada asasnya, fungsi Javascript ini membolehkan anda mencetak dan memaparkan pembolehubah dan teks ke konsol. Dalam JavaScript, anda boleh mencetak menggunakan pelbagai kaedah.

Kaedah log konsol JavaScript ialah pilihan yang paling biasa digunakan semasa menyahpepijat. Untuk menyahpepijat kod anda dengan lebih berkesan, anda harus mempraktikkan kesemuanya dan mempelajari cara menggunakannya dengan betul.

Pengaturcara dan pembangun sering menggunakan ini untuk mencetak sebarang pembolehubah yang telah dipratentukan di dalamnya, serta sebarang maklumat yang diperlukan untuk dipersembahkan kepada pengguna.