Apa Itu JavaScript dan Bagaimana Cara Kerjanya?

Apa Itu JavaScript dan Bagaimana Cara Kerjanya?

JavaScript telah menjadi bahan pokok dalam pengembangan web modern. Bahasa yang kuat ini telah berkembang menjadi alat penting untuk dipahami oleh setiap pengembang web.





JavaScript memiliki fitur khusus yang membuatnya berbeda dari bahasa pemrograman tradisional. Kami akan menggali apa itu, cara kerjanya, dan apa yang dapat Anda lakukan dengannya. Mari kita hancurkan.



Apa itu JavaScript?

JavaScript adalah bahasa scripting untuk web. Ini adalah bahasa yang ditafsirkan, yang berarti tidak memerlukan kompiler untuk menerjemahkan kodenya seperti C atau C++. Kode JavaScript berjalan langsung di browser web.





Versi bahasa terbaru adalah ECMAScript 2018 yang dirilis pada Juni 2018.

cara membangunkan windows 10 dari tidur

JavaScript bekerja dengan HTML dan CSS untuk membangun aplikasi web atau halaman web. JavaScript didukung oleh sebagian besar browser web modern seperti Google Chrome, Firefox, Safari, Microsoft Edge, Opera, dll. Sebagian besar browser seluler untuk Android dan iPhone sekarang juga mendukung JavaScript.



JavaScript mengontrol elemen dinamis halaman web. Ini berfungsi di browser web dan, baru-baru ini, di server web juga. Antarmuka Pemrograman Aplikasi (API) juga didukung oleh JavaScript, memberi Anda lebih banyak fungsionalitas.

Memahami semua cara kerja JavaScript sedikit lebih mudah ketika Anda memahami cara kerja pemrograman web, jadi mari pelajari lebih lanjut.



Blok Bangunan Aplikasi Web

Ada tiga komponen yang membangun situs web dan aplikasi: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), dan JavaScript. Masing-masing memiliki peran dalam membuat aplikasi web.

  • HTML adalah bahasa markup yang membuat kerangka halaman web. Semua paragraf, bagian, gambar, judul, dan teks ditulis dalam HTML. Konten muncul di situs web dalam urutan yang ditulis dalam HTML.
  • CSS mengontrol gaya dan aspek tata letak tambahan. CSS digunakan untuk membuat desain situs web membuat warna, font, kolom, batas, dll. Dibutuhkan situs web dari elemen teks biasa hingga desain warna-warni.
  • Unsur ketiga adalah JavaScript. HTML dan CSS membuat struktur, tetapi mereka tidak melakukan apa pun dari sana. JavaScript membuat aktivitas dinamis di aplikasi Anda. Scripting dalam JavaScript adalah apa yang mengontrol fungsi ketika tombol diklik, bagaimana bentuk kata sandi diautentikasi, bagaimana media dikendalikan.

Ketiga bagian bekerja selaras satu sama lain untuk membuat aplikasi skala penuh. Sebaiknya pelajari lebih lanjut tentang HTML dan CSS jika Anda tidak sepenuhnya nyaman dengan mereka.



Bagaimana Cara Kerja JavaScript?

Sebelum menulis JavaScript, penting untuk mengetahui cara kerjanya. Ada dua bagian penting untuk dipelajari: Cara kerja browser web, dan Model Objek Dokumen (DOM).

Browser web memuat halaman web, mem-parsing HTML, dan membuat apa yang dikenal sebagai Document Object Model (DOM) dari kontennya. DOM menyajikan tampilan langsung halaman web ke kode JavaScript Anda.

Browser kemudian akan mengambil semua yang terkait dengan HTML, seperti gambar dan file CSS. Informasi CSS berasal dari pengurai CSS.

HTML dan CSS disatukan oleh DOM untuk membuat halaman web terlebih dahulu. Kemudian, mesin JavaScript browser memuat file JavaScript dan kode sebaris tetapi tidak segera menjalankan kode tersebut. Itu menunggu HTML dan CSS untuk menyelesaikan pemuatan.

Setelah ini selesai, JavaScript dijalankan sesuai urutan penulisan kode. Ini menyebabkan DOM diperbarui oleh kode JavaScript dan dirender oleh browser.

Urutan di sini penting. Jika JavaScript tidak menunggu HTML dan CSS selesai, itu tidak akan dapat mengubah elemen DOM.

Apa yang Dapat Saya Lakukan Dengan JavaScript?

JavaScript adalah bahasa pemrograman lengkap yang dapat melakukan banyak hal yang dapat dilakukan oleh bahasa biasa seperti Python. Ini termasuk:

apa yang harus disimpan di ssd vs hdd
  • Mendeklarasikan variabel.
  • Menyimpan dan mengambil nilai.
  • Mendefinisikan dan menjalankan fungsi, termasuk fungsi panah .
  • Mendefinisikan objek dan kelas JavaScript.
  • Memuat dan menggunakan modul eksternal.
  • Menulis event handler yang merespons event klik.
  • Menulis kode server.
  • Dan banyak lagi.

Peringatan: Karena JavaScript adalah bahasa yang sangat kuat , juga memungkinkan untuk menulis malware, virus, dan peretasan browser untuk menimbulkannya pada pengguna. Ini berkisar dari mencuri cookie browser, kata sandi, kartu kredit hingga mengunduh virus ke komputer Anda.

Menggunakan JavaScript

Mari kita lihat beberapa dasar JavaScript dengan contoh kode.

Mendeklarasikan variabel

JavaScript diketik secara dinamis, yang berarti Anda tidak perlu mendeklarasikan tipe variabel dalam kode Anda.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Operator

Tambahan

12 + 5
>> 17

Pengurangan

20 - 8
>> 12

Perkalian

5 * 2
>> 10

Divisi

50 / 2
>> 25

Modulus

45 % 4
>> 1

Array

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Fungsi

JavaScript dapat menulis fungsi, inilah fungsi sederhana yang menambahkan angka.

cara mem-boot android ke mode aman
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Loop

JavaScript dapat melakukan loop untuk iterasi, seperti loop untuk loop dan sementara loop.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Komentar

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Di Halaman Web

Cara paling umum untuk memuat JavaScript di halaman web adalah dengan menggunakan naskah tanda HTML. Tergantung pada kebutuhan Anda, Anda dapat menggunakan salah satu metode berikut.

  • Muat file JavaScript eksternal ke halaman web sebagai berikut: |_+_|
  • Anda dapat menentukan URL lengkap jika javascript berasal dari domain yang berbeda dari halaman web sebagai berikut: |_+_|
  • JavaScript dapat langsung disematkan dalam HTML. Ini adalah |_+_|

Selain metode ini, ada cara memuat kode JavaScript sesuai permintaan. Faktanya, ada kerangka kerja yang didedikasikan untuk memuat dan menjalankan modul JavaScript dengan dependensi yang tepat diselesaikan pada waktu proses.

Itu adalah topik yang lebih maju, sekarang Anda sedang mempelajari dasar-dasarnya.

Contoh Cuplikan Kode JavaScript

Berikut adalah beberapa contoh kode JavaScript sederhana untuk menggambarkan bagaimana kode tersebut digunakan pada halaman web. Ini adalah contoh kode yang bekerja dengan DOM.

  • Berikut ini memilih semua berani elemen dalam dokumen dan mengatur warna yang pertama menjadi merah. |_+_|
  • Ingin mengubah gambar di gambar menandai? Berikut ini mengasosiasikan event handler untuk klik peristiwa tombol. |_+_|
  • Memperbarui konten teks paragraf ( P ) elemen? Mengatur dalamHTML properti elemen seperti yang ditunjukkan: |_+_|

Contoh kode ini menawarkan sekilas tentang apa yang dapat Anda lakukan menggunakan JavaScript di halaman web Anda. Ada banyak tutorial yang dapat mengajari Anda cara membuat kode untuk memulai. Anda dapat mencobanya di halaman web mana pun, bahkan yang ini! Buka konsol Anda dan coba beberapa kode JavaScript.

Sekarang Anda Tahu Apa Fungsi JavaScript

Mudah-mudahan, pengenalan ini telah membawa beberapa wawasan tentang JavaScript dan membuat Anda bersemangat tentang pemrograman web. Anda dapat rekap semuanya dalam lembar contekan JavaScript kami yang praktis . Masih banyak lagi yang harus dipelajari tentang JavaScript. Setelah Anda merasa lebih nyaman mengapa tidak mencoba mempelajari cara menggunakan Model Objek Dokumen? Anda mungkin juga tertarik untuk mempelajari TypeScript .

Membagikan Membagikan Menciak Surel Cara Membersihkan PC Windows Anda Menggunakan Command Prompt

Jika PC Windows Anda kehabisan ruang penyimpanan, bersihkan sampah menggunakan utilitas Command Prompt yang cepat ini.

Baca Selanjutnya Topik-topik yang berkaitan
  • Teknologi Dijelaskan
  • Pemrograman
  • Pengembangan web
  • JavaScript
  • Skrip
Tentang Penulis Anthony Grant(40 Artikel Diterbitkan)

Anthony Grant adalah penulis lepas yang meliput Pemrograman dan Perangkat Lunak. Dia jurusan Ilmu Komputer yang berkecimpung dalam pemrograman, Excel, perangkat lunak, dan teknologi.

More From Anthony Grant

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan