nota kajian tatabahasa asas JavaScript_kemahiran javascript

1. Definisi
JavaScript ialah bahasa skrip (bahasa pengaturcaraan tafsiran) yang digunakan untuk meningkatkan kesan dinamik halaman dan mencapai interaksi dinamik masa nyata antara halaman dan pengguna. JavaScript terdiri daripada tiga bahagian: ECMA, DOM dan BOM

[1] ECMAScript ditakrifkan oleh ECMA-262 dan menyediakan fungsi bahasa teras (ECMA ialah Persatuan Pengilang Komputer Eropah)

[2] Model Objek Dokumen DOM, yang menyediakan antara muka untuk mengakses dan memanipulasi kandungan web

[3] Model Objek Pelayar BOM, antara muka yang menyediakan kaedah untuk berinteraksi dengan penyemak imbas

2. Pengenalan
Terdapat dua cara untuk memperkenalkan javascript: membenamkan kod js dalam halaman dan memperkenalkan fail luaran

[1] Benamkan dalam halaman

<script>
  alert("My First JavaScript");
</script>

　[2]Memperkenalkan fail js luaran

[Nota] Elemen 855348821b2e8f2cc4b633bf98f064df dengan atribut src tidak seharusnya mengandungi kod js tambahan di antara teg 855348821b2e8f2cc4b633bf98f064df

<script src="myScript.js"></script>

855348821b2e8f2cc4b633bf98f064df

Tidak kira kaedah import, anda perlu menggunakan teg 855348821b2e8f2cc4b633bf98f064df Teg 855348821b2e8f2cc4b633bf98f064df berkongsi 6 atribut, antaranya atribut bahasa telah ditinggalkan

[1]src: Mewakili fail luaran yang mengandungi kod untuk dilaksanakan, yang boleh merentas domain

[2] set aksara: Pilihan, menunjukkan set aksara kod yang ditentukan melalui atribut src Kebanyakan penyemak imbas akan mengabaikan

[3] tangguh: pilihan, menunjukkan bahawa skrip boleh ditangguhkan sehingga dokumen dihuraikan sepenuhnya dan dipaparkan sebelum pelaksanaan, hanya sah untuk skrip luaran

[4] async: Pilihan, menunjukkan bahawa skrip harus dimuat turun dengan segera, tetapi tidak menghalang operasi lain pada halaman. Hanya sah untuk skrip luaran

　[5]jenis: pilihan, ialah atribut alternatif bahasa, yang menunjukkan jenis kandungan bahasa skrip yang digunakan untuk menulis kod, juga dikenali sebagai jenis MIME. Mengambil kira keserasian, ia biasanya teks/javascript Jika tidak dinyatakan, nilai lalai juga ialah teks/javascript

[6]bahasa: usang

async dan tangguh

[1] Jika async atau defer tidak ditetapkan, penyemak imbas akan segera memuatkan dan melaksanakan skrip yang ditentukan

352b1442a1f39d4f49881b7e5087d9182cacc6d41bbb37262a98f745aa00fbf0
[2] Jika hanya async ditetapkan, penyemak imbas akan memuat turun skrip secara tidak segerak tanpa menyekat operasi lain pada halaman

[Nota] Skrip tak segerak mesti dilaksanakan sebelum acara pemuatan halaman

80430e714222ca8f2749e04af6c962952cacc6d41bbb37262a98f745aa00fbf0
[3] Jika hanya penangguhan ditetapkan, skrip akan ditangguhkan sehingga dokumen dihuraikan sepenuhnya dan dipaparkan sebelum pelaksanaan

5393fa53b498b243568d5cbc0e945b3f2cacc6d41bbb37262a98f745aa00fbf0

Nota
Komen boleh meningkatkan kebolehbacaan kod dan membantu anda dan orang lain membaca serta memahami kod Javascript Kandungan ulasan tidak akan dipaparkan pada halaman web dan dibahagikan kepada komen satu baris dan komen berbilang baris.

//单行注释
/*
多行注释
 */

Abaikan ruang JavaScript akan mengabaikan ruang tambahan Anda boleh menambah ruang pada skrip untuk meningkatkan kebolehbacaannya

//以下写法均正确
var name="hello";
var name ="hello";
var name = "hello";

Balut kod
Anda boleh menggunakan garis miring ke belakang dalam rentetan teks untuk membalut baris kod

//正确
document.write("Hello \
World!");
//错误
document.write \
("Hello World!"); 

Sensitif huruf besar/kecil
Pembolehubah JavaScript, nama fungsi dan pengendali adalah sensitif huruf besar-besaran. Fungsi getElementById adalah berbeza daripada getElementbyID Begitu juga, pembolehubah myVariable dan MyVariable juga berbeza

Perkataan dan kata kunci tersimpan
ECMA-262 menerangkan set kata kunci dengan tujuan khusus Kata kunci ini digunakan untuk menunjukkan permulaan atau akhir pernyataan kawalan, atau untuk melaksanakan operasi tertentu ECMA-262 juga menerangkan set kata kunci yang lain perkataan yang tidak boleh digunakan sebagai pengecam boleh menjadi kata kunci pada masa hadapan.

//第5版在非严格模式下的保留字
Class | enum | extends | super | const | export | import 
//第5版在严格模式下的保留字
Implements | package | public | interface | private | static | let* | protected | yield*