Memahami dan menggunakan pernyataan JavaScript

Pernyataan digunakan dalam JavaScript untuk mengontrol aliran programnya. Tidak seperti properti, metode, dan peristiwa, yang pada dasarnya terkait dengan objek yang memilikinya, pernyataan dirancang untuk bekerja secara independen dari objek JavaScript apa pun. Itu berarti Anda bisa menggunakan pernyataan apakah Anda sedang bekerja dengan objek dokumen, objek jendela, objek riwayat, atau objek lainnya. Sebagai bahasa, JavaScript mendukung pernyataan yang relatif sedikit - cukup untuk bertahan. Namun, ia menawarkan pernyataan minimum yang diperlukan untuk membangun aplikasi yang berfungsi penuh.

JavaScript saat ini mendukung sebelas pernyataan berikut. Perhatikan bahwa beberapa di antaranya - seperti comment, var, dan new - bukanlah pernyataan yang bonafid, tetapi sering diperlakukan seperti itu. Mereka diikutsertakan dalam diskusi ini demi kelengkapan.

  • // komentar
  • istirahat
  • terus
  • untuk
  • untuk ... di
  • fungsi
  • jika ... lain
  • baru
  • kembali
  • var
  • sementara
  • dengan

Beberapa pernyataan yang ditawarkan di Java sangat kurang dalam JavaScript. Ini termasuk pernyataan switch, serta semua bentuk pernyataan perangkap kesalahan (seperti catch and throw). JavaScript menyimpan pernyataan ini sebagai kata-kata yang dicadangkan, dan mungkin dalam beberapa versi mendatang, pernyataan itu akan diterapkan.

Komentar (//)

Karakter // memberitahu JavaScript bahwa Anda ingin memasukkan komentar penjelasan dalam program Anda. Komentar berakhir pada pengembalian keras pertama yang ditemukan. JavaScript tidak membatasi panjang komentar, selama tidak ada jawaban tegas sebelum komentar berakhir. JavaScript menganggap teks setelah pengembalian keras adalah kode yang valid.

// Ini adalah komentar sederhana

// Ini adalah komentar lain yang mencakup lebih dari satu baris. Meskipun komentar tersebut membungkus baris kedua, baris pertama diakhiri dengan "pengembalian lunak" dalam program pengeditan teks. Tidak ada karakter pengembalian keras yang dimasukkan.

Anda dapat menempatkan // karakter komentar di mana saja dalam satu baris. JavaScript akan memperlakukan semua teks di baris itu setelah // sebagai komentar.

MyVariable = "Ini adalah tes" // memberikan variabel teks MyVariable 

Komentar diabaikan saat skrip dimainkan, sehingga tidak terlalu mempengaruhi kecepatan eksekusi. Namun, banyak komentar meningkatkan ukuran file skrip dan membutuhkan waktu lebih lama untuk diunduh ke komputer pengguna melalui koneksi Internet dial-up. Untuk hasil terbaik, batasi komentar dalam program JavaScript menjadi baris tunggal yang singkat.

Saat menulis komentar panjang, lebih baik menggunakan karakter komentar alternatif / * dan * /. Teks di antara karakter-karakter ini diperlakukan sebagai komentar. Alternatifnya, Anda dapat memulai setiap baris dengan // karakter komentar.

// Bagian ini memeriksa untuk melihat apakah tombol Enter ditekan, // kemudian dilanjutkan 

atau

/ * Bagian ini memeriksa untuk melihat apakah tombol Enter telah ditekan, kemudian berlanjut ke * / 

Kembali ke indeks

Istirahat

Pernyataan break memberi tahu JavaScript untuk keluar dari "struktur terkontrol" dan melanjutkan eksekusi pada titik setelah struktur. Pernyataan break digunakan dengan struktur yang dibangun menggunakan perintah berikut:

  • untuk
  • untuk ... di
  • sementara

Pernyataan break paling sering digunakan untuk mengakhiri loop for sebelum waktunya. Sebagai contoh:

untuk (Hitung = 1; Hitung <= 10; Hitung ++) {if (Hitung == 6) putus; document.write ("

Putaran: "+ Hitung +"

");}

Contoh ini menunjukkan perulangan for yang menghitung dari 1 hingga 10 dan mencetak nomor tersebut pada setiap iterasi perulangan. Pernyataan if di dalam perulangan for digunakan untuk menguji apakah nilai dalam variabel Hitung sama dengan 6. Jika Hitung sama dengan 6, pernyataan putus dieksekusi, dan skrip keluar dari perulangan for. Seperti yang digunakan dalam contoh sederhana ini, skrip akan menghitung dari 1 hingga 6, lalu berhenti. Ini keluar dari loop for sebelum bisa menghitung hingga 10.

Kembali ke indeks

Terus

Pernyataan lanjutkan memberi tahu JavaScript untuk melewati instruksi apa pun yang mungkin mengikuti untuk, untuk ... dalam, atau sementara loop, dan melanjutkan dengan iterasi berikutnya. Penggunaan yang paling umum dari pernyataan continue adalah untuk melewati instruksi dalam loop secara kondisional tetapi tidak keluar dari loop (seperti yang dilakukan pernyataan break). Sebagai contoh:

untuk (Hitung = 1; Hitung <= 10; Hitung ++) {if (Hitung == 6) lanjutkan; document.write ("

Putaran: "+ Hitung +"

");}

Contoh di atas menunjukkan loop for yang menghitung dari 1 hingga 10 dan mencetak angka tersebut pada setiap iterasi loop. Pernyataan if di dalam perulangan for digunakan untuk menguji apakah nilai dalam variabel Hitung sama dengan 6. Jika Hitung sama dengan 6, pernyataan lanjutkan dieksekusi, dan skrip melewatkan instruksi document.write pada baris berikutnya. Tapi putarannya tidak berakhir. Sebagai gantinya, ini melanjutkan dan mencetak garis untuk nomor yang tersisa. Seperti yang digunakan dalam contoh sederhana ini, skrip akan menghitung dari 1 hingga 5, lewati 6, lalu cetak 7 hingga 10.

Kembali ke indeks

Untuk

Pernyataan for mengulangi satu blok instruksi satu kali atau lebih. Jumlah iterasi dikontrol oleh nilai yang diberikan sebagai argumen. Sintaks dari pernyataan for adalah:

untuk (InitVal; Test; Increment) 
  • InitValadalah nilai awal pengulangan for. Biasanya 0 atau 1, tetapi bisa berupa angka apa pun. InitValadalah ekspresi yang menetapkan nilai awal dan menetapkan nilai itu ke variabel. Misalnya, Hitung = 0 atau i = 1.

  • Testadalah ekspresi yang digunakan oleh pernyataan for untuk mengontrol jumlah iterasi loop. Selama Testekspresi itu benar, loop terus berlanjut. Jika Testekspresi terbukti salah, loop berakhir. Contoh: Hitung <10 benar selama nilai dalam variabel Hitung kurang dari 10.

  • Incrementmenunjukkan bagaimana Anda ingin perulangan for menghitung - per satu, dua, lima, puluhan, dan seterusnya. Ini juga merupakan ekspresi dan biasanya berbentuk CountVar++, di mana CountVarnama variabel pertama kali ditetapkan dalam InitValekspresi. Contoh: Hitung ++ meningkatkan nilai variabel Hitung sebesar satu untuk setiap iterasi.
Perhatikan bahwa tidak seperti semua konstruksi lain di JavaScript, pernyataan for menggunakan titik koma, bukan koma, untuk memisahkan argumennya. Ini sesuai dengan sintaks yang digunakan di C, C ++, dan Java.

Berikut adalah contoh pengulangan for yang menghitung dari 1 hingga 10, melangkah satu digit pada satu waktu. Pada setiap iterasi, skrip menyisipkan beberapa teks dan memulai baris baru. JavaScript yang ingin Anda ulangi diapit oleh {dan} karakter setelah pernyataan for; ini membentuk blok pernyataan for. Anda dapat memberikan satu atau banyak baris dalam {dan} karakter.

untuk (Hitung = 1; Hitung <= 10; Hitung ++) {document.write ("Iterasi:" + Hitung + "

");}

Hitung adalah nama variabel yang digunakan untuk menyimpan penghitung perulangan for. Perulangan for dimulai dengan 1 dan berlanjut ke 10. Ekspresi tesnya adalah Hitung <= 10, yang berbunyi:

Hitung kurang dari atau sama dengan 10 

As long as this expression is true, the for loop continues. Do note that the Increment argument is also an expression and in the example uses the Count variable to increment the for loop by 1 for each iteration. There's no law that says you must increment the for loop by ones. Here's just one of the many alternatives. This example counts by tens, from 10 to 100.

for (Count=1; Count<101; Count+=10) { document.write ("Iteration: "+Count+"

"); }

Back to index

For...in

The for...in statement is a special version of the for statement described in the previous section. For...in is used to display the property names and/or property contents of objects. It is mostly handy as a debugging and testing tool: If a portion of your JavaScript code isn't working properly, and you suspect it may be the fault of a JavaScript object you are trying to use, you can examine all of the properties for that object with the for...in statement.

Unlike the for statement, for...in doesn't use incrementing tests or other expressions. You provide the name of a holding variable (the name of the variable is up to you) and the object you want to use. The basic syntax for the for...in statement is:

for (var in object) { statements } 
  • var is the name of a variable
  • object is the object you wish to examine
  • statements are one or more JavaScript instructions you wish to execute for each property returned by the for...in loop

As an example, suppose you want to determine the properties of the navigator object (this object contains details about the Netscape Navigator or other browser you are using). The following code displays each property name in an alert box. When running the script, click OK to proceed to the next property name. The loop automatically ends when there are no more properties in the object.

for (temp in navigator) { alert (temp); } 

A variation of this example is shown below. It not only displays the property names but also displays the contents of each property (some properties are empty and therefore no contents are shown for them). The contents of the properties are displayed by using the syntax object[var], or in this case navigator[temp].

for (temp in navigator) { alert (temp + ": " + navigator[temp]); } 

The for..in loop can be used for all object types. You can use it to iterate through all the properties for a form in a document, for example, or through the properties of a user-defined object. For instance, to cycle through all the properties of a form, you'd use the for...in loop as in the following example (assume the form name is "myform"):

 function test() { for (temp in document.myform) { alert (temp); } }

Back to index

Function

The function statement lets you create your own user-defined functions (as well as user-defined objects and methods for those objects). Functions are self-contained routines that can be "called" elsewhere within your JavaScript code. For example, if you have a function named

writeMyName

, which displays your name in headline text, you can activate it by merely referring to the name

writeMyName

someplace within your JavaScript code. Here's a short

test

that shows how this might work:

  Function Test  function writeMyName () { MyName="John Doe" alert (MyName) }     

The writeMyName function is defined within ... tags. It is activated (otherwise known as "called") when the form button is pushed. This calling action is accomplished using the onClick event handler, defined in the tag for the form button.

Back to index

If...else

The if, along with its optional else, statement is used to build an "if conditional" expression. It is called a conditional expression because it tests for a specific condition.

  • If the expression is true, the script performs the instructions following the if statement.
  • If the expression is false, the script jumps to the instructions that follow the else statement. If there is no else statement, the script jumps past the if statement entirely and continues from there.

The syntax for if is:

if (expression) 

The result of the if expression is always either true or false. The following syntax is acceptable when there's only one instruction following the if and else statements:

if (ExampleVar == 10) Start(); else Stop(); 

Should more than one instruction follow the if or else statement, the { and } characters must be used to define an if statement block. With the { and } characters in place, JavaScript knows to execute all of the instructions within the block.

if (ExampleVar == 10) { Count = 1; Start(); } else { Count = 0; Stop(); } 

Expressions in if statements are not limited to the == equality operator. You can test if values are not equal to one another, greater than, less than, and more. For more information on the operators you can use, see the references list at the end of this column. It points to valuable JavaScript documentation, including documentation provided by Netscape.

Back to index

New

The new statement creates a new copy of an object. It is used in either of two ways:

  • To define a new Date object (Date is a built-in JavaScript object)
  • To define a new user-defined object

The syntax is the same with either use:

varname = new objectName(params); 
  • varname is the name of the new object. Acceptable names are the same as for JavaScript variables. In fact, you can consider the created object as a JavaScript variable.

  • objectName is the name of the object. When using the built-in Date object, you use the word Date (note the capitalization -- this is mandatory). When using a user-defined object function, you provide the name of the object function.

  • params are one or more parameters that you pass to the object function, if needed.

The following example shows how to use the new statement to create a copy -- otherwise known as an "instance" -- of the Date object:

now = new Date(); 

Objek now, yang dapat dianggap sebagai variabel JavaScript, memiliki semua properti dan metode objek JavaScript Date. Misalnya, Anda menggunakan objek now untuk menentukan jam saat ini:

sekarang = Tanggal baru (); HourNow = now.getHours ();