Java Script (Bagian 1) By: U. Abd. Rohim Website : www.abdrohim.com mailto : info@abdrohim.com Internet 1Pemrograman Internet I 1 Apa itu? adalah bahasa pemrograman script yang berbasis objek buatan Netscape yang bersifat cross-platform, dan digunakan pada aplikasi klien dan server. Terdapat dua tipe : Navigator, juga disebut clientside LiveWire, juga disebut serverside info@abdrohim.com Internet 1 2 1
Elemen Kata kunci, sintaks pernyataan, dan tata bahasa ( grammar) Aturan untuk ekspresi, variabel, & literal Model objek dasar Objek dan fungsi built-in info@abdrohim.com Internet 1 3 vs Java Diinterpretasi (tidak dikompilasi) oleh klien Berbasis objek. Menggunakan objek built-in dan extensible, tetapi tidak mempunyai kelas atau inheritance. Java Mengkompilasi bytecodes yang didownload dari server, dieksekusi di klien. Berorientasi objek. Appletterdiri atas kelas objek dengan inheritance. Kode diintegrasikan dan dilekatkan ( embedded) pada HTML. Tipe data variabel tidak dideklarasikan ( loose typing). Dynamic binding. Acuan objek dicek pada runtime. Tidak dapat menulis ke hard disk secara otomatis. Applet dipisahkan dari HTML (diakses dari halaman HTML) Tipe data variabel harus dideklarasikan (strong typing). Static binding. Acuan objek harus ada saat waktu kompilasi. Tidak dapat menulis ke hard disk secara otomatis. info@abdrohim.com Internet 1 4 2
Contoh Script <HTML> <HEAD> <SCRIPT LANGUAGE=""> <!--- Hide script from old browsers. document.write("hello, net!") // End the hiding here. --> </SCRIPT> <P>That's all, folks. </BODY> </HTML> info@abdrohim.com Internet 1 5 Variable Digunakan sebagai nama simbolik untuk nilai dalam aplikasi. Pemberian nama variabel harus mudah diacu dan mengikuti aturan tertentu. Identifier atau nama di harus dimulai dengan huruf atau underscore( _ ); karakter berikutnya dapat berupa digit (0-9). case sensitive, meliputi karakter A- Z dan a-z. Contoh: Number_hits, temp99, dan _name. Deklarasi variabel: Penugasan nilai secara sederhana, contoh x = 42 Dengan kata kunci var, contoh var x = 42 info@abdrohim.com Internet 1 6 3
Global vs Local Variable Global variable: variabel yang diset di luar fungsi -> tersedia di manapun di dalam dokumen Local variable: variabel yang ada di dalam fungsi -> hanya tersedia di dalam fungsi Penggunaan var opsional, tetapi diperlukan saat deklarasi variabel lokal dalam fungsi yang sudah dideklarasikan sebagai variabel global Pengaksesan variabel global yg dideklarasikan di satu window/frame dari window/frame yg lain dpt dilakukan dg menyebut nama window/frame-nya. Contoh: variabel phonenumberyg dideklarasikan di dokumen FRAMESET, dapat diacu dari child frame sebagai parent.phonenumber info@abdrohim.com Internet 1 7 Contoh Variable <HTML> <HEAD> <TITLE> Var </TITLE> <SCRIPT LANGUAGE=""> <!-- sembunyikan script, //jika browser tidak mendukung //deklarasi variable global i=3; var j=12; k=6; function Cetaki() { var i =10; k=15; document.write("i (lokal) = " + i + "<BR>"); document.write("j = " + j + "<BR>"); document.write("k = " + k + "<BR>"); }; // end sembunyi> </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE=""> <!-- sembunyikan script, //jika browser tidak mendukung Cetaki(); document.write("i (global)= " + i + "<BR>"); document.write("j= " + j + "<BR>"); // end sembunyi> </SCRIPT> </BODY> </HTML> info@abdrohim.com Internet 1 8 4
Literal (1/2) Literal digunakan utk merepresentasikan nilai tetap dalam yang bukan variabel. Integer Decimal: basis 10, tanpa diawali 0, contoh: 4, 10 Octal: basis 8, diawali 0, dari 0-7, contoh: 04, 010 Hexadecimal: basis 16, diawali 0x atau 0X, dari 0-9 dan a-f atau A-F, contoh: 0xff, 0X501, 0XBC Floating-point Decimal integer Decimal point (. ) Fraction (angka desimal lain) Exponent ( e atau E ) Type suffix ( + atau - ) Minimal 1 digit + [. e E] Contoh: 3.145, -3.1E12,.1e12, 2E-12 Boolean literals True False info@abdrohim.com Internet 1 9 Literal (2/2) String Nol karakter atau lebih yang diapit oleh tanda petik dua ( ) atau petik satu ( ) Tanda petik pengapit harus sama Kar \b \f \n \r \t \\ Arti BackSpace Form Feed New Line Carriage Return Tab BackSlash info@abdrohim.com Internet 1 10 5
Expression Adalah himpunan literal, variabel, dan ekspresi yang valid yang menghasilkan nilai tunggal; nilai bisa berupa angka, string atau nilai lojik. Tipe ekspresi secara konseptual: Ekspresi yg meng-assign nilai ke variabel, contoh: x=7 Ekspresi yang mempunyai nilai, contoh: 3+4 Tipe ekspresi berdasar nilai yang dihasilkan Arithmetic: contoh 3.14159 String: contoh "Fred" or "234" Logical: evaluates to true or false Null berarti nilai null. Undefinedmenghasilkan run time error. info@abdrohim.com Internet 1 11 Conditional Expression Dapat mempunyai satu dari dua nilai yang ada berdasar kondisi. Sintaks: ( condition)? val1: val2 Jika kondisi benar, nilai ekspresi = val1, jika tidak, nilainya val2 Contoh: status = (age >= 18)? "adult" : "minor Variabel status bernilai adult jika umur lebih atau sama dengan 18, jika tidak nilai status minor info@abdrohim.com Internet 1 12 6
Operator (1) mempunyai operator penugasan ( assignment), perbandingan ( comparison), aritmetika ( arithmetic), bitwise, lojik ( logical ), string dan operator khusus. Tipe operator: Operator binary: operator yang membutuhkan 2 operan, operand1 operator operand2 Contoh: 3+4 or x*y. Operator unary: operator yang membutuhkan 1 operan, operator operand atau operand operator Contoh: x++ or ++x. info@abdrohim.com Internet 1 13 Operator (2) Assignment Operator x = y, x += y, x -= y, x *= y, x /= y, x %= y Comparison Operator ==,!=, >, <, >=, <= Operator Aritmetika +, -, *, /, %, ++, -- Bitwise Operator AND (&), OR ( ), XOR (^), NOT (~) Logical Operator AND (&&), OR ( ), NOT (!) info@abdrohim.com Internet 1 14 7