Cara menggunakan THISS di JavaScript

Sebelum menulis kode JavaScript pertama Anda, pastikan Anda sudah mengetahui apa itu JavaScript dan mengapa JavaScript itu penting. JavaScript adalah bahasa pemrograman yang harus dikuasai oleh web developer. Bahasa ini awalnya digunakan untuk membuat website menjadi lebih interaktif. Dalam perkembangannya, JavaScript tidak lagi hanya digunakan di browser saja, tetapi juga bisa dijalankan di server. Ini berarti JavaScript digunakan di semua bagian situs web, dari front-end hingga back-end. Bahkan, kini JavaScript mulai merambah platform lain seperti mobile, desktop, dan game

Table of Contents Show

Menulis Kode JavaScript Pertama Anda
💻 Mulai Belajar Pemrograman
Ekspresi dan Pernyataan
Komponen Lain di JavaScript
Apa fungsi ini dalam Javascript?
Bagaimana cara memanggil fungsi dalam Javascript?
Apa fungsi alert() di Javascript?
Apa itu innerHTML dalam Javascript?

Tahukah Anda bahwa artikel ini diambil langsung dari salah satu sub-modul di kelas JavaScript Programming Basics yang disusun oleh tim ahli Dicoding bersama dengan praktisi industri dan divalidasi oleh tim dari AWS (Amazon Web Services)?
Saat ini, AWS menyediakan kelas bahasa Indonesia di bidang Back-End Developer dan diberikan secara GRATIS melalui Cloud and Back-End Developer Scholarship Program. Beasiswa ini bersifat publik, tanpa syarat, dan sepenuhnya gratis. Untuk mendapatkannya cukup daftar dan isi formulir pendaftaran singkat di aws. decoding. com. Setelah mendaftar, Anda pasti bisa mendapatkannya

Menulis Kode JavaScript Pertama Anda

Penulisan kode dalam bahasa pemrograman sederhana adalah penulisan instruksi yang akan dieksekusi oleh komputer. Kode di bawah ini adalah instruksi untuk terminal atau konsol untuk merekam (log) kalimat "Hello, World. ”

konsol. log( “ Halo, Dunia. ” );

menghibur. log adalah kode bawaan JavaScript untuk menampilkan pesan ke konsol, bisa berupa konsol web atau konsol dari terminal/command prompt

💻 Mulai Belajar Pemrograman

Pelajari pemrograman di Dicoding Academy dan mulailah perjalanan Anda sebagai pengembang profesional

Daftar sekarang

Kode atau teks di dalam tanda kurung adalah pesan yang akan ditampilkan. Pada contoh kode di atas, kita menggunakan tanda petik (“”) untuk menunjukkan bahwa pesan yang akan ditampilkan berupa string atau teks

Ekspresi dan Pernyataan

Ekspresi adalah unit kode yang dapat dievaluasi menjadi nilai. Agar lebih mudah, perhatikan contoh kode berikut

5; // Baris kode ini merupakan ekspresi karena interpreter akan membaca kode ini dan menghasilkan nilai 5.

2 + 3; // Garis ini kode juga merupakan ekspresi. Penerjemah mengevaluasi kode dan juga akan menghasilkan nilai 5.

Sementara itu, pernyataan adalah instruksi untuk melakukan tindakan tertentu. Tindakan ini dapat mencakup pembuatan variabel, perulangan, pemeriksaan kondisi, dll

var NamaAnda;

mari Usia Anda;

const numberOfDays; // pernyataan deklarasi

Yang perlu Anda ingat adalah

Ekspresi adalah kode yang menghasilkan nilai
Pernyataan menunjukkan tindakan yang diambil

Komentar

Kode yang kita tulis adalah sekumpulan instruksi yang harus dijalankan oleh komputer. Salah satu instruksi penting adalah memberi tahu komputer untuk mengabaikan perintah yang kita tulis. Instruksi yang ditulis dalam program tetapi tidak dijalankan oleh komputer disebut "komentar"

Sebuah komentar akan dilewatkan oleh interpreter atau compiler, sehingga tidak akan mempengaruhi alur program yang kita tulis. Komentar ini dapat digunakan sebagai dokumentasi atau penjelasan dari kode yang kita buat

Ada dua cara untuk berkomentar. Pertama, untuk mengomentari satu baris saja, kita bisa menggunakan dua garis miring (//) di awal baris

// Ini adalah komentar satu baris, kode di bawah ini tidak akan dieksekusi

// konsol. log("Halo. ");

Ketika kode di atas dijalankan, keluaran Halo tidak akan muncul

Kemudian untuk komentar lebih dari satu baris, kita dapat menggunakan tanda /* untuk membuka komentar dan tanda */ untuk menutup komentar. Teks apa pun di antara tanda tersebut akan dijadikan komentar dan tidak akan dieksekusi

/* Ini adalah komentar dengan lebih dari satu baris

Teks apa pun yang ada di sini akan digunakan sebagai komentar

Saat menggunakan ini, jangan lupa untuk menutupnya

Variabel

Saat menulis program, kami memberi tahu komputer cara memproses informasi seperti mencetak teks ke layar atau melakukan operasi kalkulasi. Untuk memudahkan dalam menggunakan dan memanggil data, kita dapat menggunakan variabel. Variabel umumnya digunakan untuk menyimpan informasi atau nilai yang akan dikelola dalam suatu program

Dalam JavaScript setidaknya ada tiga cara untuk mendeklarasikan variabel, yaitu menggunakan kata kunci var, let, dan const. Dalam versi ECMAScript 2015 (ES6), deklarasi variabel dengan let dan const diperkenalkan untuk menggantikan var, yang dianggap kontroversial dan rawan menyebabkan bug.

Sekarang bagaimana cara membuat variabel dalam JavaScript? . Ketik kata kunci biarkan diikuti dengan nama variabel

biarkan nama belakang;

Kode untuk mendeklarasikan variabel seperti di atas disebut juga sebagai pernyataan deklarasi

Selanjutnya anda bisa mengisi nilai variabel diatas dengan menggunakan tanda sama dengan (=)

biarkan nama belakang;

namabelakang = "Kurniawan";

konsol. log(nama belakang);

Jika kode di atas dijalankan maka akan muncul output Kurniawan

Anda juga dapat langsung menginisialisasi nilai variabel setelah mendeklarasikannya sebagai berikut

mari namabelakang = "Kurniawan";

konsol. log(nama belakang);

Jika kode di atas dijalankan maka akan muncul output Kurniawan

Kode untuk menginisialisasi nilai ke dalam variabel dengan tanda sama dengan (=) disebut ekspresi penugasan

Kita bertemu lagi dengan istilah statement dan expression. Karena ekspresi harus menghasilkan nilai, sehingga dapat muncul di mana saja dalam program JavaScript. Sementara itu, pernyataan mengacu pada tindakan. Jadi, pada bagian kode tertentu yang membutuhkan nilai tidak bisa kita isi dengan pernyataan. Contohnya seperti kode berikut

biarkan namalengkap = biarkan namabelakang;

Kode di atas error karena let lastName adalah pernyataan untuk deklarasi variabel. Pernyataan tidak boleh dalam posisi ekspresi

mari namalengkap = (namabelakang = “ Kurniawan ” );

Kode di atas bukan error karena (lastName="Kurniawan") adalah ekspresi

ayo namalengkap = "Kurniawan" + "Widodo";

Kode di atas bukan error karena "Kurniawan" + "Widodo" juga merupakan ekspresi

Melalui contoh kode di atas, kita dapat membayangkan sebuah variabel sebagai kotak atau wadah yang menyimpan nilai. Proses inisialisasi atau penugasan artinya kita memasukkan nilai ke dalam kotak

Setiap variabel memiliki nama yang dapat kita panggil dan gunakan. Kita bisa memberi nama variabel dengan nama apa saja, tapi pastikan penamaannya tetap masuk akal dengan konteksnya agar kode mudah dipelihara

Sebaiknya hindari penamaan variabel dengan istilah umum seperti "data". Gunakan penamaan variabel yang dapat menggambarkan nilai dari variabel itu sendiri. Berikut beberapa aturan dalam penamaan variabel yang perlu Anda ketahui

Harus dimulai dengan huruf atau underscore (_)
Dapat terdiri dari huruf, angka, dan garis bawah (_) dengan berbagai kombinasi
Tidak boleh berisi spasi (spasi putih). Jika nama variabel lebih dari dua kata, tuliskan dalam camelCase. Contoh firstName, lastName, catName, dll
Tidak boleh berisi karakter khusus (. . , / \ + * = dll. )

Jadi bagaimana dengan const? . Artinya, kita akan mendeklarasikan variabel dengan const ketika kita ingin variabel memiliki nilai konstan dan tidak dapat diubah setelah nilainya diinisialisasi. Bayangkan sebuah variabel nilai const sebagai sebuah kotak yang tertutup dan disegel setelah diisi, sehingga nilainya tidak dapat diubah lagi

Komponen Lain di JavaScript

Bagaimana menurut anda? . Untuk komponen tersebut akan dibahas di lain waktu, atau bisa langsung dipelajari selengkapnya di kelas Belajar Dasar Pemrograman JavaScript. Kelas ini adalah bagian dari jalur pembelajaran Pengembang Back-End yang diselenggarakan bersama dengan Amazon Web Services dan pemain industri lainnya. Jika Anda memerlukan beasiswa untuk mendapatkan akses ke jalur pembelajaran, silakan mendaftar di program Beasiswa Pengembang Cloud dan Back-End

Apa fungsi ini dalam Javascript?

ini digunakan di dalam sebuah fungsi dan berisi nilai objek yang memanggil fungsi tersebut . Kita perlu menggunakan ini untuk mengakses metode dan properti dari objek yang memanggil fungsi tersebut, terutama jika kita tidak selalu tahu nama yang digunakan oleh objek tersebut.

Bagaimana cara memanggil fungsi dalam Javascript?

Cara Memanggil/Menjalankan Fungsi . Nama fungsi(); Contoh. // buat fungsi function sayHello(){ console. log("Halo Dunia. "); } // panggil fungsi sayHello() // kemudian akan menghasilkan -> Hello World.

Apa fungsi alert() di Javascript?

Dialog alert () biasanya digunakan untuk menampilkan pesan atau informasi peringatan. Fungsi alert () ada di objek window. Kita bisa menggunakannya seperti ini. jendela. peringatan ("Halo Dunia. ");

Apa itu innerHTML dalam Javascript?

innerHTML adalah properti yang digunakan untuk mendapatkan atau mengubah konten elemen itu sendiri . Dengan innerHTML, kita dapat menampilkan keluaran ke elemen yang lebih spesifik dengan menggunakan metode dokumen. getElementById(id).