Tutorial pengenalan minimalis JavaScript (1): Kemahiran asas_javascript

Membaca artikel ini memerlukan pengalaman pengaturcaraan dalam bahasa lain.

Sebelum anda mula belajar

Kebanyakan bahasa pengaturcaraan mempunyai bahagian yang baik dan bahagian yang buruk. Artikel ini hanya merangkumi bahagian JavaScript yang baik kerana:

1. Hanya mempelajari bahagian yang baik boleh memendekkan masa pembelajaran
2. Kod yang ditulis lebih mantap
3. Kod yang ditulis lebih mudah dibaca
4. Kod yang ditulis lebih mudah dijaga

Taip lemah dan taip kuat

Secara umumnya, semakin cepat pepijat dibetulkan, semakin murah kosnya. Penyusun untuk bahasa yang ditaip kuat boleh menyemak ralat tertentu pada masa penyusunan. JavaScript ialah bahasa yang ditaip lemah dan penterjemahnya tidak boleh menyemak ralat jenis, tetapi amalan menunjukkan:

1. Ralat yang boleh dielakkan oleh penaipan yang kuat bukanlah ralat kritikal
2. Jenis yang lemah boleh membawa fleksibiliti, dan tidak perlu membawa bagasi jenis yang kuat

Piawaian berkaitan JavaScript

Standard ECMA-262 mentakrifkan bahasa ECMAScript. JavaScript dan ActionScript yang kami ketahui dengan baik adalah kedua-duanya berdasarkan ECMAScript. Pada masa ini, arus perdana menggunakan ECMA-262 edisi kelima, dan enjin V8 Google adalah pelaksanaannya.

Helo JavaScript

JavaScript ialah bahasa skrip yang memerlukan jurubahasa untuk mentafsir dan melaksanakan. Anda boleh mentafsir dan melaksanakan JavaScript dalam penyemak imbas atau terus menggunakan node.js, yang menyepadukan enjin JavaScript V8 Google. Memandangkan node.js sangat mudah digunakan, di sini saya menggunakan node.js untuk mentafsir dan melaksanakan JavaScript. Sekarang lihat program JavaScript pertama:

Salin kod Kod adalah seperti berikut:

// test.js
console.log("Hello JavaScript");

Lakukan prosedur ini:

Salin kod Kod adalah seperti berikut:

ujian nod.js

Tatabahasa

Nota

JavaScript menggunakan kaedah ulasan yang sama seperti C, // digunakan untuk ulasan satu baris dan /* */ digunakan untuk ulasan berbilang baris.

Jenis nombor

JavaScript hanya mempunyai satu jenis nombor, iaitu nombor titik terapung 64-bit. Jenis angka mempunyai dua nilai istimewa, NaN dan Infinity bermakna bukan nombor (bukan nombor). Dalam objek Matematik, terdapat satu set kaedah untuk memanipulasi nombor, contohnya: kaedah Math.floor digunakan untuk membundarkan ke bawah.

Rentetan

Tersurat rentetan boleh dibalut dengan petikan tunggal atau berganda, menggunakan aksara melarikan diri (tidak seperti kebanyakan bahasa lain). Setiap aksara dalam JavaScript ialah dua bait dan menggunakan set aksara Unicode. Rentetan mempunyai sifat panjang:

Salin kod Kod adalah seperti berikut:

"Hello".length // Nilainya ialah 5, nota bukan "Hello".length()

String tidak boleh ditukar (sama seperti Lua Selain atribut panjang yang disebutkan di sini, terdapat juga beberapa kaedah, seperti:

Salin kod Kod adalah seperti berikut:

'kucing'.toUpperCase() === 'CAT'

Kenyataan

Pernyataan

var digunakan untuk mengisytiharkan pembolehubah tempatan, jika tidak pembolehubah tersebut ialah pembolehubah global dan nilai pembolehubah yang tidak dimulakan tidak ditentukan:

Salin kod Kod adalah seperti berikut:

fungsi f() {
var localVar = 123;
globalVar = 456;
var i; // Nilai i tidak ditentukan
};

f();

console.log(globalVar); // ok
console.log(localVar); // Ralat, localVar tidak ditakrifkan

Sekumpulan pernyataan yang dibalut oleh {} dipanggil blok Tidak seperti bahasa lain, fungsi dalam JavaScript akan mencipta skop baharu tetapi blok tidak akan, contohnya:

.

Salin kod Kod adalah seperti berikut:

{
var v = 123;
}
console.log(v); // ok

kenyataan jika

Salin kod Kod adalah seperti berikut:

jika (ungkapan)
Kenyataan

atau

Salin kod Kod adalah seperti berikut:

jika (ungkapan)
Pernyataan1
lain
Kenyataan2

atau

Salin kod Kod adalah seperti berikut:

jika (ungkapan1)
Pernyataan1
lain jika (ungkapan2)
Kenyataan2
lain jika (ungkapan3)
Pernyataan3
lain
Kenyataan4

Pernyataan if menentukan sama ada untuk melaksanakan atau melangkau pernyataan tertentu dengan menilai sama ada nilai ungkapan itu benar atau palsu. Dalam JavaScript, nilai berikut adalah palsu (semua nilai lain adalah benar):

1.salah
2.null
3. tidak ditentukan
4. Rentetan kosong
5.0
6.NaN

Pernyataan dalam if boleh menjadi pernyataan atau blok pernyataan.

pernyataan suis

Salin kod Kod adalah seperti berikut:

suis (n) {
kes 1: // jika n sama dengan 1
//Laksanakan blok kod
Rehat;
Kes 2: // Jika n sama dengan 2
//Laksanakan blok kod
Rehat;
Lalai: // Jika n bukan 1 atau 2
//Laksanakan blok kod
Rehat;
}

Pematahan di sini digunakan untuk keluar dari pernyataan gelung atau pernyataan suis. Dalam JavaScript, terdapat dua operator untuk membandingkan sama ada dua nilai adalah sama:

1.== ​​​​(bersamaan dengan != operator), sama, apabila kedua-dua jenis operan berbeza, operator ini cuba menukar jenis operan sebelum perbandingan, contohnya:

Salin kod Kod adalah seperti berikut:

var x = 1;
x == 1; // benar
x == "1"; // benar

2.=== (bersamaan dengan operator !==), sama sekali, membandingkan dua operan tanpa melakukan penukaran jenis operan, contohnya:

Salin kod Kod adalah seperti berikut:

var x = 1;
x === 1; // benar
x === "1"; // palsu

Perlu diambil perhatian bahawa NaN tidak sama dengan sebarang nilai Jika x ialah NaN, maka x !== x (hanya benar untuk NaN), kita boleh melaksanakan fungsi isNaN seperti ini:

Salin kod Kod adalah seperti berikut:

fungsi ialahNaN(n) {
Kembali n !== n;
}

Pernyataan suis di atas ditukar kepada pernyataan if:

Salin kod Kod adalah seperti berikut:

jika (n === 1)
// ...
lain jika (n === 2)
// ...
lain
// ...

kenyataan semasa dan buat sambil

Salin kod Kod adalah seperti berikut:

manakala (ungkapan)
Kenyataan

Jika ungkapan benar, pernyataan dilaksanakan berulang kali sehingga ungkapan palsu.

Salin kod Kod adalah seperti berikut:

lakukan
Kenyataan
manakala (ungkapan);

Serupa dengan gelung sementara, kecuali pernyataan itu dilaksanakan dahulu dan kemudian ungkapan bersyarat disemak.

untuk kenyataan

Salin kod Kod adalah seperti berikut:

untuk (memulakan; ujian; kenaikan)
Kenyataan

Permulaan pertama dilaksanakan sekali (biasa digunakan untuk memulakan pembolehubah gelung), dan kemudian keadaan ujian diuji (biasa digunakan untuk menguji pembolehubah gelung Jika keadaan ujian palsu, gelung dihentikan, jika tidak, pernyataan dilaksanakan, dan kemudian kenaikan dilaksanakan (biasa digunakan untuk mengemas kini gelung) pembolehubah), dan kemudian melaksanakan ujian keadaan ujian, dan gelung diteruskan. Contoh penggunaan:

Salin kod Kod adalah seperti berikut:

untuk (var i=0; i<5; i) {
console.log(i);
}

Satu lagi bentuk for digunakan untuk menghitung semua nama harta objek:

Salin kod Kod adalah seperti berikut:

untuk (pembolehubah dalam objek)
Kenyataan

Contoh:

Salin kod Kod adalah seperti berikut:

var obj = {
a: 1,
b: 2,
c: 3
};

untuk (nama var dalam obj)
console.log(nama);

Perlu diingatkan bahawa kami menggunakan kaedah hasOwnProperty untuk menyemak sama ada nama harta kepunyaan objek atau ditemui daripada rantai prototaip (prototaip akan diperkenalkan dalam artikel seterusnya):

Salin kod Kod adalah seperti berikut:

untuk (var dalam obj) {
Jika (obj.hasOwnProperty(var)) {
               // ...
}
}

penyata pulangan

Pernyataan

return digunakan untuk membiarkan fungsi mengembalikan nilai Jika fungsi tidak menggunakan return secara eksplisit, maka undefined dikembalikan:

Salin kod Kod adalah seperti berikut:

fungsi f() { }
var v = f(); // v === tidak ditentukan

?: operator bersyarat (satu-satunya operator ternary dalam JavaScript)
?: Operator bersyarat wujud dalam banyak bahasa pengaturcaraan Apabila operan pertama adalah benar, operator mengembalikan nilai operan kedua, jika tidak ia mengembalikan nilai operan ketiga

Salin kod Kod adalah seperti berikut:

fungsi abs() {
Kembalikan x > 0 ? }

jenis pengendali

Jenis operator digunakan untuk mendapatkan jenis pembolehubah, dan nilai pulangannya termasuk:

1.'nombor'

2.'rentetan'

3.'boolean'
4.'tidak ditentukan'
5.'fungsi'
6.'objek'

Jenis khas null mengembalikan 'objek'. Contoh tentang jenis:

Salin kod Kod adalah seperti berikut:

var a = jenis 'hello'; // a === 'rentetan'

var b = jenis null; // b === 'objek'

Operator

Operator boleh digunakan untuk operasi penambahan dalam JavaScript dan juga boleh digunakan untuk penggabungan rentetan:

Salin kod Kod adalah seperti berikut:

var message = 'hello' 'world'; // mesej === 'helloworld'

&& dan || pengendali

&& operator mengembalikan nilai operan pertama jika operan pertama adalah palsu, jika tidak mengembalikan nilai operan kedua
Operator ||. mengembalikan nilai operan pertama jika operan pertama adalah benar, jika tidak ia mengembalikan nilai operan kedua

Salin kod Kod adalah seperti berikut:

var a = 1 && benar; // a === benar
var b = 1 ||. // b === 1

Penggunaan idiomatik

||:

Salin kod Kod adalah seperti berikut:

name = name ||. 'unknown'; // Tetapkan nilai lalai untuk nama 'unknown'