Apa itu JavaScript dan Bagaimana Ia Berfungsi?

Apa itu JavaScript dan Bagaimana Ia Berfungsi?

JavaScript telah menjadi asas dalam pengembangan web moden. Bahasa yang hebat ini telah berkembang menjadi alat penting untuk difahami oleh mana-mana pembangun web.





JavaScript mempunyai ciri khas yang membezakannya dengan bahasa pengaturcaraan tradisional. Kami akan menggali apa itu, bagaimana ia berfungsi, dan apa yang boleh anda lakukan dengannya. Mari memecahkannya.



Apa itu JavaScript?

JavaScript adalah bahasa skrip untuk web. Ini adalah bahasa yang ditafsirkan, yang bermaksud bahawa ia tidak memerlukan penyusun untuk menterjemahkan kodnya seperti C atau C ++. Kod JavaScript berjalan terus dalam penyemak imbas web.





Versi bahasa terbaru ialah ECMAScript 2018 yang dikeluarkan pada bulan Jun 2018.

JavaScript berfungsi dengan HTML dan CSS untuk membina aplikasi web atau halaman web. JavaScript disokong oleh kebanyakan penyemak imbas web moden seperti Google Chrome, Firefox, Safari, Microsoft Edge, Opera, dll. Sebilangan besar penyemak imbas mudah alih untuk Android dan iPhone kini menyokong JavaScript juga.



JavaScript mengawal elemen dinamik halaman web. Ia berfungsi di penyemak imbas web dan, baru-baru ini, di pelayan web juga. Aplikasi Pengaturcaraan Aplikasi (API) juga disokong oleh JavaScript, memberikan anda lebih banyak fungsi.

Memahami semua cara kerja JavaScript menjadi lebih mudah apabila anda memahami cara pengaturcaraan web berfungsi, jadi mari kita ketahui lebih lanjut.



Sekatan Pembuatan Aplikasi Web

Terdapat tiga komponen yang membina laman web dan aplikasi: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), dan JavaScript. Masing-masing mempunyai peranan dalam membuat aplikasi web.

  • HTML adalah bahasa markup yang membuat kerangka halaman web. Semua perenggan, bahagian, gambar, tajuk dan teks ditulis dalam HTML. Kandungan muncul di laman web mengikut urutan yang ditulis dalam HTML.
  • CSS mengawal gaya dan aspek susun atur tambahan. CSS digunakan untuk membuat reka bentuk laman web yang membuat warna, fon, lajur, sempadan, dll. Ia mengambil laman web dari elemen teks biasa hingga reka bentuk berwarna.
  • Unsur ketiga ialah JavaScript. HTML dan CSS membuat struktur, tetapi mereka tidak melakukan apa-apa dari sana. JavaScript membuat aktiviti dinamik pada aplikasi anda. Skrip dalam JavaScript adalah apa yang mengendalikan fungsi ketika butang diklik, bagaimana bentuk kata laluan disahkan, bagaimana media dikendalikan.

Ketiga-tiga bahagian berfungsi selaras antara satu sama lain untuk membuat aplikasi berskala penuh. Adalah idea yang baik untuk mempelajari lebih lanjut mengenai HTML dan CSS jika anda tidak begitu selesa dengannya.



berapa lama mac bertahan

Bagaimana JavaScript berfungsi?

Sebelum menulis JavaScript, penting untuk mengetahui bagaimana ia berfungsi dengan teliti. Terdapat dua bahagian penting untuk dipelajari: Bagaimana penyemak imbas web berfungsi, dan Model Objek Dokumen (DOM).

Penyemak imbas web memuat laman web, menguraikan HTML, dan membuat apa yang dikenali sebagai Model Objek Dokumen (DOM) dari kandungannya. DOM menyajikan paparan langsung laman web ke kod JavaScript anda.

Penyemak imbas kemudian akan mengambil semua yang dihubungkan ke HTML, seperti gambar dan fail CSS. Maklumat CSS berasal dari penghurai CSS.

HTML dan CSS disatukan oleh DOM untuk membuat laman web terlebih dahulu. Kemudian, mesin JavaScript penyemak imbas memuat fail JavaScript dan kod sebaris tetapi tidak segera menjalankan kod tersebut. Ia menunggu HTML dan CSS selesai dimuat.

Setelah ini dilakukan, JavaScript dijalankan mengikut urutan kod ditulis. Ini mengakibatkan DOM diperbaharui dengan kod JavaScript dan diberikan oleh penyemak imbas.

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

Apa yang Boleh Saya Lakukan Dengan JavaScript?

JavaScript adalah bahasa pengaturcaraan lengkap yang dapat melakukan kebanyakan perkara seperti bahasa biasa seperti yang dapat dilakukan oleh Python. Ini termasuk:

bolehkah saya menggunakan icloud pada android
  • Menyatakan pemboleh ubah.
  • Menyimpan dan mengambil nilai.
  • Mendefinisikan dan memanggil fungsi, termasuk fungsi anak panah .
  • Menentukan objek dan kelas JavaScript.
  • Memuat dan menggunakan modul luaran.
  • Menulis pengendali acara yang bertindak balas terhadap peristiwa klik.
  • Menulis kod pelayan.
  • Dan banyak lagi.

Amaran: Oleh kerana JavaScript adalah bahasa yang hebat, juga memungkinkan untuk menulis perisian hasad, virus, dan peretasan penyemak imbas untuk menjatuhkannya kepada pengguna. Ini bermula dari mencuri kuki penyemak imbas, kata laluan, kad kredit hingga memuat turun virus ke komputer anda.

Menggunakan JavaScript

Mari lihat beberapa asas JavaScript dengan contoh kod.

Menyatakan pemboleh ubah

JavaScript ditaip secara dinamik, yang bermaksud anda tidak perlu menyatakan jenis pemboleh ubah anda dalam kod anda.

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

Pengendali

Penambahan

12 + 5
>> 17

Penolakan

20 - 8
>> 12

Pendaraban

5 * 2
>> 10

Bahagian

50 / 2
>> 25

Modulus

45 % 4
>> 1

Susunan

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

Fungsi

JavaScript boleh menulis fungsi, berikut adalah fungsi mudah yang menambah nombor.

function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Gelung

JavaScript boleh melakukan gelung untuk lelaran, gelung seperti untuk gelung dan sambil gelung.

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!

Komen

// 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 yang paling umum untuk memuat JavaScript di laman web adalah dengan menggunakan skrip Teg HTML. Bergantung pada keperluan anda, anda boleh menggunakan salah satu kaedah berikut.

  • Muatkan fail JavaScript luaran ke laman web seperti berikut:
  • Anda boleh menentukan URL lengkap jika javascript berasal dari domain yang berbeza dari laman web seperti berikut:
  • JavaScript boleh disematkan secara langsung dalam HTML. Berikut adalah
    alert('Page is loaded');

Selain kaedah ini terdapat cara memuatkan kod JavaScript mengikut permintaan. Sebenarnya, ada kerangka kerja yang didedikasikan untuk memuat dan menjalankan modul JavaScript dengan kebergantungan yang tepat diselesaikan pada waktu berjalan.

Itu adalah topik yang lebih maju, sekarang anda mempelajari asas-asasnya.

Contoh Coretan Kod JavaScript

Berikut adalah beberapa contoh kod JavaScript sederhana untuk menggambarkan bagaimana ia digunakan di laman web. Ini adalah contoh kod yang berfungsi dengan DOM.

  • Berikut ini memilih semua berani elemen dalam dokumen dan menetapkan warna yang pertama hingga merah. var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
  • Ingin menukar gambar dalam img teg? Berikut ini mengaitkan pengendali acara untuk klik peristiwa butang.
    Change Image
  • Kemas kini kandungan teks perenggan ( hlm ) unsur? Menetapkan dalaman HTML sifat unsur seperti yang ditunjukkan:

    Hello World


    Click me

Sampel kod ini hanya memberikan gambaran mengenai perkara yang dapat anda lakukan dengan menggunakan JavaScript di laman web anda. Terdapat banyak tutorial yang dapat mengajar anda bagaimana membuat kod untuk memulakan anda. Anda boleh mencubanya di mana-mana laman web, walaupun yang satu ini! Buka konsol anda dan cuba beberapa kod JavaScript.

Sekarang Anda Tahu Apa Itu JavaScript

Mudah-mudahan, pengenalan ini membawa beberapa pandangan mengenai JavaScript dan membuat anda teruja dengan pengaturcaraan web. Anda boleh merakam semuanya lembaran cheat JavaScript kami yang berguna . Terdapat banyak lagi yang perlu dipelajari mengenai JavaScript. Setelah anda merasa lebih selesa mengapa tidak cuba belajar bagaimana menggunakan Model Objek Dokumen? Anda mungkin juga berminat untuk belajar mengenai TypeScript.

Berkongsi Berkongsi Tweet E-mel Cara Membersihkan PC Windows Anda Menggunakan Prompt Perintah

Sekiranya ruang komputer Windows anda hampir habis, bersihkan sampah menggunakan utiliti Prompt Perintah pantas ini.

komputer tidak akan mengenali tetingkap cakera keras luaran 10
Baca Seterusnya Topik-topik yang berkaitan
  • Teknologi Dijelaskan
  • Pengaturcaraan
  • Pembangunan Web
  • JavaScript
  • Skrip
Mengenai Pengarang Geran Anthony(40 Artikel Diterbitkan)

Anthony Grant adalah penulis bebas yang merangkumi Pengaturcaraan dan Perisian. Dia pakar Sains Komputer dalam bidang pengaturcaraan, Excel, perisian dan teknologi.

Lagi Dari Anthony Grant

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan