Ada Console Yang Mungkin Anda Tidak Ketahui Pada Javascript - CRUDPRO
Home  ›  javascript

Ada Console Yang Mungkin Anda Tidak Ketahui Pada Javascript

Written By Agus Handi Prayitna Friday, November 18, 2022

Objek console JavaScript memiliki banyak metode dan trik. Berikut adalah lima yang perlu diketahui.

Sebagai seseorang yang front-end developer, mempelajari cara menggunakan console.log itu penting. Metode ini memungkinkan informasi ditampilkan di layar console saat men-debug masalah tertentu. Tapi tahukah Anda rahasia lain tentang objek console? Artikel ini merangkum lima tip untuk menggunakan objek console.

1. Menggunakan console.log()

mungkin pada console.log ini anda sangat familiar, console.log() merupakan salah satu metode yang paling umum digunakan dalam JavaScript dan dapat ditemukan hampir di semua tempat.

Tetapi terlalu banyak informasi dapat mengaburkan maknanya.

Jadi apakah ada cara yang lebih baik untuk melihat lebih jelas apa itu? Ya, cukup wrap hasilnya menjadi objek.

Menggunakan CSS style

Sungguh menakjubkan bahwa console.log juga dapat dikustomisasi!

2. Menggunakan console.warn()

Saat console mencetak semua informasi ini, mungkin sulit menemukan yang Anda butuhkan. tolong jangan khawatir. Ini berguna karena console.warn memiliki bendera kuning khusus.

3️. Menggunakan console.error() untuk melihat pesan error

Kami secara berkala mengirimkan pesan HTTP untuk meminta data, dan jika permintaan tersebut mengalami kesalahan, kami ingin mencetak pesan kesalahan tersebut melalui console.log. Tapi... itu bukan ide yang bagus. Anda harus menggunakan console.error sebagai gantinya! mengapa? Karena itu tidak hanya memiliki bendera kesalahan merahnya sendiri, tetapi juga hubungan pemanggilan fungsi yang ditumpuk.

4. Menggunakan console.time() & console.timeEnd() untuk menampilkan waktu

Dan bagaimana jika Anda ingin mengetahui sudah berapa lama kode Anda berjalan? Anda mungkin pernah melakukan hal seperti ini:

Namun berkat fitur console, ada opsi yang lebih baik:

Dan bagaimana jika Anda ingin menghitung waktu eksekusi dari beberapa bagian kode? Ini juga bisa dilakukan seperti ini:

5. Console.Table()

Seperti yang telah kita lihat sebelumnya, console.log (dan fungsi lainnya) sering digunakan untuk menampilkan informasi, tetapi bisa kontra-intuitif (periksa gambar berikut).

Untungnya, ada fungsi lain yang disebut table().