Spesifikasi kod JavaScript

Semua JavaScript Piawaian yang sama digunakan untuk projek.

Spesifikasi kod JavaScript

Spesifikasi kod biasanya merangkumi aspek berikut:

Peraturan penamaan untuk pembolehubah dan fungsi
Peraturan untuk menggunakan ruang, inden dan ulasan.
Spesifikasi lain yang biasa digunakan...

Kod standard lebih mudah dibaca dan diselenggara.

Spesifikasi kod biasanya ditetapkan sebelum pembangunan dan boleh dirundingkan serta ditetapkan dengan ahli pasukan anda. " John"

;

Nama Akhir =

"Doe"

;

harga = 19.90

;

cukai =

0.20;
harga penuh = harga + (harga * cukai);

ruang dan operatoroperasi biasa Anda perlu menambah ruang sebelum dan selepas simbol ( = + - * / ):
Contoh:

var

x = y + z;

var

nilai = [

"Volvo"

"Saab"

,

"Fiat"

];
Lekukan KodBiasanya menggunakan 4 simbol ruang untuk mengesot blok kod: Fungsi:

fungsi

keCelsius(fahrenheit) {

kembali

(

) * (fahrenheit -

);}

Peraturan Penyata

Peraturan am untuk pernyataan mudah:

Sesuatu pernyataan biasanya berakhir dengan simbol.

Contoh:

var nilai = ["Volvo", "Saab ", "Fiat"];

var orang = {
nama pertama: "John",
Nama akhir: "Doe",
umur: 50,
Warna mata: "biru"
};

Peraturan am untuk pernyataan kompleks:

Letakkan pendakap kerinting pembukaan pada baris pertama penghujung.
Tambah ruang sebelum pendakap kerinting kiri.
Letakkan pendakap kerinting penutup pada barisnya sendiri.
Jangan tamatkan pernyataan kompleks dengan koma bertitik.

Fungsi:

fungsi keCelsius(fahrenheit) {
kembali (5 / 9) * (fahrenheit - 32);
}

Gelung:

untuk (i = 0; i < 5; i++) {
x += i;
}

Pernyataan bersyarat:

jika (masa < 20 ) {
salam = "Selamat hari";
} lain {
salam = "Selamat petang";
}

Peraturan objek

Peraturan yang ditentukan objek:

Letakkan pendakap kerinting pembuka pada baris yang sama dengan nama kelas.
Terdapat ruang antara titik bertindih dan nilai atribut.
Gunakan petikan berganda untuk rentetan, tetapi bukan untuk nombor.
Jangan tambahkan koma selepas pasangan atribut-nilai terakhir.
Letakkan pendakap kerinting kanan pada barisnya sendiri dan akhirinya dengan simbol.

Contoh:

var orang = {
nama pertama: "John",
Nama akhir: "Doe",
umur: 50,
Warna mata: "biru"
};

Kod objek pendek boleh ditulis terus dalam satu baris:

Contoh:

var person = {firstName:"John" , Nama Akhir:"Doe", umur:50, Warna mata:"biru"};

setiap aksara Kod baris hendaklah kurang daripada 80

Untuk memudahkan pembacaan, adalah disyorkan supaya setiap baris aksara kurang daripada 80 aksara.

Jika pernyataan JavaScript melebihi 80 aksara, adalah disyorkan untuk memutuskan baris selepas operator atau koma.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h1>我的 Web 页面</h1>
<p>
建议在运算符或者逗号后换行。
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
    "Hello php.";
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Peraturan Penamaan

Secara amnya, peraturan penamaan banyak bahasa kod adalah serupa, contohnya:

Pembolehubah dan fungsi adalah sarung unta ( sarung unta)
Pembolehubah global adalah dalam huruf besar (HURUF BESAR )
Pemalar (seperti PI) adalah dalam huruf besar ( HURUF BESAR )

Sama ada anda menggunakan peraturan ini untuk penamaan pembolehubah: hyp-hens, camelCase, atau under_scores ?

Handbar (-) aksara dalam HTML dan CSS:

Atribut HTML5 boleh bermula dengan data- (cth: data-kuantiti, data -harga) sebagai awalan.

Penggunaan CSS - untuk menggabungkan nama sifat (saiz fon).

	- 通常在 JavaScript 中被认为是减法，所以不允许使用。

Underscore:

Ramai pengaturcara lebih suka menggunakan garis bawah (seperti: date_of_birth), terutamanya dalam SQL dalam pangkalan data.

Bahasa PHP biasanya menggunakan garis bawah.

PascalCase:

PascalCase lebih biasa dalam bahasa C.

Sarung unta:

Sarung unta biasanya disyorkan dalam JavaScript, dan jQuery serta perpustakaan JavaScript lain menggunakan sarung unta.

	变量名不要以 $ 作为开始标记，会与很多 JavaScript 库冲突。

HTML memuatkan fail JavaScript luaran

Memuatkan fail JavaScript menggunakan format ringkas (atribut jenis tidak diperlukan):

< skrip src="myscript.js">

Gunakan JavaScript untuk mengakses Elemen HTML

HTML yang tidak diformatkan dengan baik boleh menyebabkan ralat pelaksanaan JavaScript.

Dua pernyataan JavaScript berikut akan mengeluarkan hasil yang berbeza:

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="Demo">段落 1。</p>
<p id="demo">段落 2。</p>
<script>
// 只有段落 2 会被替换
document.getElementById("demo").innerHTML = "HELLO.";
</script>

</body>
</html>

Jalankan Instance»

Klik butang "Jalankan Contoh" untuk melihat contoh dalam talian

Cuba gunakan peraturan penamaan yang sama untuk HTML dan JavaScript.

Akses spesifikasi kod HTML(5).

Pelanjutan fail

Akhiran fail HTML boleh menjadi .html (atau r .htm).

Akhiran fail CSS ialah .css.

Akhiran fail JavaScript ialah .js .

Gunakan nama fail huruf kecil

Kebanyakan pelayan web (Apache, Unix) peka huruf besar-kecil: london.jpg tidak boleh diakses melalui London.jpg.

Pelayan web lain (Microsoft, IIS) tidak sensitif huruf besar-besaran: london.jpg boleh diakses sebagai London.jpg atau london.jpg.

Anda mesti mengekalkan gaya yang konsisten dan kami mengesyorkan menggunakan nama fail huruf kecil secara konsisten.

← javascript:void(0) bermakna

Spesifikasi kod JavaScript