Apa Perbedaan Antara printIn dan console.log di JavaScript? (Terjawab) - Semua Perbedaannya
Daftar Isi
JavaScript adalah bahasa pemrograman yang hanya tersedia di browser web. Konsol JavaScript adalah antarmuka baris perintah di browser Anda yang memungkinkan Anda menjalankan cuplikan kode. Jika cuplikan kode tersebut dirancang untuk berinteraksi dengan halaman web yang sedang Anda lihat, hasil yang tidak diharapkan dapat terjadi.
"PrintIn" membuat teks dicetak ke konsol, sedangkan Anda dapat menggunakan "console.log" untuk mencatatnya dan menggunakannya untuk berbagai tujuan, seperti mengirimnya melalui email sebagai laporan bug.
Jika Anda seorang programmer, Anda pasti tahu betapa pentingnya menggunakan dan memahami bahasa skrip seperti JavaScript, namun ada kalanya Anda mungkin bingung dengan fungsinya.
Sama seperti fungsi printIn dan console.log. Untuk membantu Anda memahami perbedaan dan penerapan kedua fungsi ini, saya akan menjelaskan apa yang dimaksud dan bagaimana cara kerjanya.
Mari kita mulai!
Apa itu JavaScript?
Apa itu JavaScript?
JavaScript adalah bahasa skrip untuk membuat materi yang diperbarui secara berkala, mengendalikan multimedia, menganimasikan grafik, dan hampir semua hal lainnya.
Bahasa pemrograman JavaScript memiliki kemampuan pemrograman standar tertentu yang memungkinkan Anda melakukan hal-hal seperti:
- Ketika peristiwa tertentu terjadi pada halaman web, Anda dapat merespons kode yang sedang berjalan.
- Anda dapat menggunakan variabel untuk menyimpan data yang berguna.
- Anda dapat menggunakan "string" yang merupakan operasi pengeditan teks dalam pemrograman
Fungsionalitas yang ditambahkan di atas bahasa JavaScript pengguna, di sisi lain, bahkan lebih menarik. Antarmuka Pemrograman Aplikasi (API) memberikan fungsi tambahan pada kode JavaScript Anda.
Singkatnya, JavaScript memiliki banyak fungsi yang memungkinkan Anda untuk mengontrol apa yang Anda kodekan. Fungsi-fungsi ini termasuk printIn dan console.log.
Apa yang dimaksud dengan PrintIn?
pengkodean
PrintIn adalah metode Java untuk menampilkan teks pada konsol. Metode ini menerima teks ini sebagai parameter dalam bentuk String. Pendekatan ini mencetak teks ke konsol sambil mempertahankan kursor di awal baris berikutnya.
Pencetakan berikutnya dimulai pada baris berikutnya Ada beberapa metode printIn seperti:
| void printIn() | Menulis string pemisah baris untuk mengakhiri baris saat ini. |
| void printIn(boolean x) | Baris diakhiri setelah mencetak boolean. |
| void printIn(char x) | Baris diakhiri setelah mencetak karakter. |
| void cetak(char [ ] x) | Baris diakhiri setelah mencetak sederetan karakter. |
| void printIn(double x) | Garis diakhiri setelah mencetak garis ganda. |
| void printIn(float x) | Garis diakhiri setelah pencetakan mengapung. |
| void printIn(int x) | Baris diakhiri setelah mencetak bilangan bulat. |
| void printIn(long x) | Garis diakhiri setelah pencetakan selesai. |
| void printIn(Objek x) | Garis diakhiri setelah mencetak objek. |
| void printIn(String x) | Baris diakhiri setelah mencetak string. |
Penggunaan metode yang berbeda dalam printIn
Meskipun memiliki banyak metode yang dapat Anda gunakan dalam pengkodean pekerjaan Anda, Anda mungkin menemukan metode lain untuk menampilkan teks di konsol. Di konsol, ada dua metode di mana Anda dapat mencetak pekerjaan Anda, yang pertama adalah printIn sementara yang lain adalah print.
Lihat juga: Hukum Ketertarikan vs Hukum Mundur (Mengapa Menggunakan Keduanya) - Semua PerbedaannyaAgar Anda tidak bingung di antara kedua metode pencetakan ini, mari kita tentukan perbedaan antara metode kedua dalam pencetakan, yaitu cetak.
Cetak adalah metode Java untuk menampilkan teks pada konsol. Metode ini menerima teks ini sebagai parameter dalam bentuk String. Pendekatan ini mencetak teks ke konsol sambil mempertahankan kursor di akhir baris berikutnya.
Pencetakan berikutnya akan dimulai di sini Ada beberapa metode printIn seperti:
| void cetak(boolean b) | Nilai boolean dicetak. |
| void cetak(char c) | Karakter dicetak. |
| void print(char [ ] s) | Sejumlah karakter dicetak. |
| void cetak(double d) | Nomor titik apung presisi ganda dicetak. |
| void cetak(float f) | Nomor titik mengambang dicetak. |
| void cetak(int i) | Bilangan bulat dicetak. |
| void print(long l) | Bilangan bulat panjang dicetak. |
| void cetak(Object obj) | Suatu objek dicetak. |
| void cetak(String s) | Sebuah string dicetak. |
Penggunaan metode yang berbeda dalam pencetakan
Singkatnya, perbedaan utama antara keduanya adalah penempatan teks yang dicetak di konsol. PrintIn berada di awal baris berikut sementara Print berada di di akhir baris berikut.
Jika Anda tertarik untuk mengetahui tentang windows 10-pro dan pro-n, lihat artikel saya yang lain.
Apa yang dimaksud dengan Console.log?
Console.log
Konsol adalah objek JavaScript yang memberi Anda akses ke konsol debugging browser.
Console.log adalah fungsi JavaScript yang mencetak variabel apa pun yang telah didefinisikan sebelumnya di dalamnya, serta informasi apa pun yang perlu ditampilkan kepada pengguna.
Output sebagian besar dicatat (dicetak) ke terminal. Semua jenis dapat dilewatkan ke log(), termasuk string, array, objek, dan boolean.
Keluaran metode console.log() dapat dilihat di konsol JavaScript, yang dapat diakses melalui alat pengembang peramban. Apa pun yang Anda keluarkan dengan console.log() dapat diakses oleh semua pengguna akhir, apa pun grup atau perannya.
Mari kita cermati, bagaimana Anda bisa menggunakannya, dan output setelah menggunakan fungsi ini.
| JavaScript | Keluaran |
// console. log() metode
| abc 1 benar null undefined Larik (4) [ 1, 2, 3, 4 ] Objek { a: 1, b: 2, c: 3 } |
Masukan dan Keluaran menggunakan console.log
Apa yang dimaksud dengan metode Cetak ke Konsol dengan Console.log di Javascript?
Ini adalah metode konsol JavaScript yang paling populer dan banyak digunakan. Metode ini sering digunakan untuk mencetak berbagai pesan atau hasil perhitungan ke konsol atau bahkan saat men-debug kode.
Anda telah menulis beberapa kode yang menambahkan dua angka, dan Anda ingin melihat hasil operasi tersebut di konsol; dalam kasus ini, Anda dapat menggunakan metode console.log().
Dokumen var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); Apakah Console.log sinkron atau asinkron?
Sebelum saya membahas dengan Anda apakah console.log sinkron atau asinkron, saya akan mendefinisikan terlebih dahulu apa itu sinkron dan asinkron.
Sinkron berarti terjadi pada waktu yang sama, sedangkan asinkron berarti tidak terjadi pada waktu yang sama, sehingga peserta/pengguna yang sinkron dapat menerima umpan balik dengan segera, sedangkan yang asinkron memungkinkan Anda untuk belajar pada waktu Anda sendiri.
Untuk menjawabnya, concole.log bersifat asinkron. Saya akan menunjukkan kepada Anda mengapa demikian, dengan menunjukkan contoh-contoh, khususnya menyortir larik objek dengan cara yang lebih efisien. Mari kita mulai.
Katakanlah Anda memiliki objek berikut ini dalam larik Anda:
| let users = [ { nama: "Nicole" , umur: 20, nama keluarga: "Luna" } , { nama: "Cara" , umur: 21, nama keluarga: "Lim" } , { nama: "Lara" , umur: 20, nama keluarga: "Tuazon" }; ] |
objek array
Anda harus mengurutkan larik ini berdasarkan nama bidang, yang biasanya dilakukan sebagai berikut.
| / / dengan nama (Cara, Lara, Nicole) users.sort ( ( a, b ) => a.name> b.name ? 1 : -1); / / berdasarkan usia (Lara, Nicole, Cara) users.sort ( ( a, b ) => a.age> b.name ? 1 : -1); |
mengurutkan objek array
Lihat juga: Arcane Focus VS Component Pouch dalam DD 5E: Penggunaan - Semua PerbedaannyaUntuk mengaturnya dengan cara yang lebih efisien, Anda bisa melakukan seperti ini:
| users.sort(byField( 'nama' )); users.sort(byField( 'age' )); |
mengurutkan objek larik (cara sederhana)
Untuk melakukannya, Anda harus menulis fungsi "Byfield" untuk melewatkan dan mengurutkannya ke Array.prototype.sort dari objek-objek di dalam larik Anda. Nah, ini bukan fokus utama artikel ini, tetapi silakan lihat contoh di bawah ini untuk menyelesaikan contoh di atas dengan cara yang sederhana.
| > let users = [ { nama: "Nicole" , umur: 20, nama keluarga: "Luna" } , { nama: "Cara" , umur: 21, nama keluarga: "Lim" } , { nama: "Lara" , umur: 20, nama keluarga: "Tuazon" }; ] function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; } users.sort(byField( 'nama' ) ); concole.log(users); users.sort(byField( 'age' ) ); concole.log(users); (3) [ { ... }, { ... }, { ... } ] > 0: { nama: " Lara ", umur: " 20 " , nama keluarga: " Tuazon " } > 1: { nama: " Nicole ", usia: " 20 " , nama keluarga: " Luna " } > 1: { nama: " Cara ", umur: " 21 " , nama keluarga: " Lim " } Panjang: 3 > _proto_: Array (0) (3) [ { ... }, { ... }, { ... } ] > 0: { nama: " Lara ", umur: " 20 " , nama keluarga: " Tuazon " } > 1: { nama: " Nicole ", usia: " 20 " , nama keluarga: " Luna " } > 1: { nama: " Cara ", umur: " 21 " , nama keluarga: " Lim " } Panjang: 3 > _proto_: Array (0) |
objek larik yang diurutkan
Anda dapat melihat dari tabel di atas bahwa saya mengurutkan objek array dua kali, saya mengurutkan berdasarkan nama terlebih dahulu, kemudian berdasarkan usia, dan setelah setiap operasi pengurutan, saya menjalankan console.log (). Juga, Anda mungkin telah mengamati bahwa console.log () mengembalikan output yang sama untuk setiap hasil pengurutan, tetapi ini bukan masalahnya; izinkan saya menjelaskan alasannya.
Saya menjalankan kode di atas sekaligus, lalu memutuskan untuk memperluas setiap reaksi dari console.log (). Hal ini penting karena console.log () bersifat asinkron.
Dalam hal Event Loop, semua fitur asinkron tiba di Event Table. Dalam hal ini, setelah membuka console.log(), ia melanjutkan ke Event Table dan menunggu peristiwa tertentu terjadi.
Ketika sebuah event terjadi, console.log() akan dikirim ke Event Queue, di mana ia menunggu sampai semua proses dalam Event Queue ini yang sudah ada ketika console.log Anda ditempatkan dan telah dikirim ke Call Stack, maka console.log() Anda dikirim ke Call Stack ini juga.
Bagaimana Cara Membuka Javascript Console.log?
Di browser web, Konsol adalah salah satu dari beberapa Alat Pengembang. Untuk memecahkan masalah kode JavaScript, Anda dapat menggunakan Konsol. Konsol dapat ditemukan di banyak tempat, tergantung pada browser.
Saya akan mengajari Anda cara menemukan Konsol di browser Google Chrome dalam tutorial ini.
Langkah-langkah cara membuka log konsol di Chrome
Mari kita lihat cara membuka log konsol Chrome.
- Pilih Periksa dari menu pop-up saat browser Chrome terbuka.
- Tab "Elements" pada Developer Tools akan terbuka secara default ketika Anda menjalankan Inspect. Di sebelah kanan "Elements," klik "Console."
- Anda sekarang dapat melihat Konsol serta output apa pun yang direkam ke log Konsol.
Anda juga dapat membuka Chrome Developer Tools menggunakan sejumlah tombol pintasan. Sesuai dengan versi Chrome Anda, Anda dapat menggunakan pintasan berikut ini:
Untuk Windows dan Linux,
| Ctrl + Shift + I | Jendela Developer Tools muncul. |
| Ctrl + Shift + J | Memilih tab Konsol di Alat Pengembang. |
| Ctrl + Shift + C | Mengalihkan mode Inspect Element (Periksa Elemen) |
Tombol Pintasan
Pikiran Akhir
The perbedaan utama antara printIn dan console.log adalah fungsi mereka dan hasil dari kode PrintIn mencetak teks ke konsol, sementara console.log mencetak variabel dengan string yang telah dikodekan sebelumnya.
Pada dasarnya, fungsi-fungsi Javascript ini memungkinkan Anda untuk mencetak dan menampilkan variabel dan teks ke konsol. Dalam Javascript, Anda dapat mencetak menggunakan berbagai metode.
Metode log konsol JavaScript adalah opsi yang paling sering digunakan saat melakukan debug. Untuk men-debug kode Anda dengan lebih efektif, Anda harus mempraktikkan semuanya dan mempelajari cara menggunakannya dengan benar.
Para programmer dan pengembang sering menggunakan ini untuk mencetak variabel apa pun yang telah ditentukan sebelumnya, serta informasi apa pun yang perlu disajikan kepada pengguna.
