Javascript - Variabel & Scope

Pengembangan Web

Edwin Lunando

edwin@kuliahkita.com

Var Statement

Mendefinisikan variabel dalam fungsi dengan tipe yang tidak ditentukan dan initial value yang opsional

Contoh:- var name;

- var tempStack;

- var a = 0;

Scope

Scope adalah variabel, objek, dan fungsi yang dapat diakses

Dalam javascript, {blocks} tidak memilki scope.

Var yang didefinisikan di dalam fungsi tidak visible untuk yang diluar fungsi atau disebut dengan local scope.

Sedangkan var yang didefinisikan di luar fungsi dapat diakses siapapun atau disebut dengan global scope.

Return Statement

Return mengembalikan ekspresi atau kosong.

Apabila tidak terdapat ekspresi yang dikembalikan, maka default value yang akan dikembalikan adalah undefined.

Apabila konstruktor, default value yang dikembalikan adalah this

Object

Object adalah entitas yang dapat berisi state berupa atribut-atribut (property) yang memiliki nilai, dan dapat juga berisi perilaku berupa method-method (operasi) yang dapat diterpakan pada object tersebut

Javascript tidak memiliki class seperti Java. Javascript merupakan prototype-based object class

Object

Object dibuat dengan menggunakan constructorvar now = new Date()

Object dibuat dengan menggunakan literalvar circle = { x:0, y:0, radius:2 }

atribut & methods diakses dengan menggunakan “.” (dot)var kuliahkita = new Object();

kuliahkita.kelas = “Pengembangan Web”

kuliahkita.pengajar = “Edwin Lunando”

Object

Properti (atribut) dari sebuah object dapat ditampilkan dengan menggunakan for loop.for( var name in obj ) {

document.write( name + "<BR>");

}

property dari sebuah object dapat dihapus dengan perintah deletedelete book.title;

Constructor

fungsi khusus yang digunakan untuk inisialisasi sebuah object dan dipanggil menggunakan perintah new

var now = new Date()

Prototype

Prototype: mekanisme sharing properties dan methods untuk object pada Javascript Setiap object memiliki prototype Properties & methods yang ingin di-share bersama object lain, diletakkan pada prototype.Circle.PI = 3.14;

Circle_area() { return Circle.PI * this.r * this.r; }

Circle.prototype.area = Circle_area;

c = new Circle();

document.write( c.area() );

Prototype

Properties & method pada object instance, dialokasikan hanya pada instance tersebut. property 'this' mengacu ke instance

Properties & method pada constructor, dialokasikan hanya untuk constructor tersebut, dapat digunakan dan dibaca oleh object lain. property 'this' mengacu ke constructor

Properties & method pada prototype, dapat digunakan dan dibaca oleh object lain. Property 'this' mengacu ke instance

Array

Array dibuat menggunakan Array constructor var a = new Array(1);

var b = new Array(1, 2, “tiga”);

Dibuat menggunakan literalvar a = [1, 2, “tiga”];

Cara mengaksesa[0] = 1; a[1] = 2;

Array Methods● length() → mengetahui panjang array● join() → menggabungkan elemen array menjadi string● reverse() → membalik isi array● sort() → mengurutkan isi array secara alfabetis● concat() → menggabungkan isi array dengan parameter● slice() → memotong isi array● splice() → menghapus dan menambahkan isi array

● push(), pop(), shift(), unshit()

Regular Expressions (RegExp)

Regular expression digunakan untuk pengolahan teks, untuk mencari dan mengubah teks dengan pola tertentu

Literal:var pattern = /s$/

RegExp objectvar pattern = new RegExp (“s$”);