SlideShare a Scribd company logo
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 constructor 
var now = new Date() 
Object dibuat dengan menggunakan literal 
var 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 
delete 
delete 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 literal 
var a = [1, 2, “tiga”]; 
Cara mengakses 
a[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 object 
var pattern = new RegExp (“s$”);

More Related Content

What's hot

Konstruktor dan inisialisasi objek
Konstruktor dan inisialisasi objekKonstruktor dan inisialisasi objek
Konstruktor dan inisialisasi objek
ifani_anesa
 
4 Adt
4 Adt4 Adt
2 Array
2 Array2 Array
Matericlass
MatericlassMatericlass
Matericlasswindi1
 
Nelly
NellyNelly
Nelly
nellylawar
 
Modul prak2 constructor dan overloading
Modul prak2   constructor dan overloadingModul prak2   constructor dan overloading
Modul prak2 constructor dan overloading
wahyuniwulan
 
Algoritma dan Struktur Data - Metode C++
Algoritma dan Struktur Data - Metode C++Algoritma dan Struktur Data - Metode C++
Algoritma dan Struktur Data - Metode C++
KuliahKita
 
Tipe data abstract
Tipe data abstractTipe data abstract
Tipe data abstract
ZakariyyaYusuf1
 
Tipe Data pada Bahasa Java
Tipe Data pada Bahasa JavaTipe Data pada Bahasa Java
Tipe Data pada Bahasa Java
As Faizin
 
Kelas dan objek
Kelas dan objekKelas dan objek
Kelas dan objek
Teknik Informatika UII
 
Jeni Intro2 Bab13 Pengenalan Generics
Jeni Intro2 Bab13 Pengenalan GenericsJeni Intro2 Bab13 Pengenalan Generics
Jeni Intro2 Bab13 Pengenalan Generics
Individual Consultants
 
Pelatihan Java - Number & String
Pelatihan Java - Number & StringPelatihan Java - Number & String
Pelatihan Java - Number & String
Ammar Shadiq
 
Laporan praktikum Algoritma dan Pemrograman pertemuan 12
Laporan praktikum Algoritma dan Pemrograman pertemuan 12Laporan praktikum Algoritma dan Pemrograman pertemuan 12
Laporan praktikum Algoritma dan Pemrograman pertemuan 12
Ekha Cahya Nugraha
 
Laporan praktikum Algoritma dan Pemrograman pertemuan 15
Laporan praktikum Algoritma dan Pemrograman pertemuan 15Laporan praktikum Algoritma dan Pemrograman pertemuan 15
Laporan praktikum Algoritma dan Pemrograman pertemuan 15
Ekha Cahya Nugraha
 
OOP - Character class dan String
OOP - Character class dan StringOOP - Character class dan String
OOP - Character class dan String
KuliahKita
 
Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10
Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10
Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10
Ekha Cahya Nugraha
 
PBO Pert 3 Praktek
PBO Pert 3 PraktekPBO Pert 3 Praktek
PBO Pert 3 Praktek
RUDISELAMAT2
 

What's hot (20)

Konstruktor dan inisialisasi objek
Konstruktor dan inisialisasi objekKonstruktor dan inisialisasi objek
Konstruktor dan inisialisasi objek
 
4 Adt
4 Adt4 Adt
4 Adt
 
2 Array
2 Array2 Array
2 Array
 
Matericlass
MatericlassMatericlass
Matericlass
 
mkls
mklsmkls
mkls
 
Matericlass
MatericlassMatericlass
Matericlass
 
Nelly
NellyNelly
Nelly
 
Modul prak2 constructor dan overloading
Modul prak2   constructor dan overloadingModul prak2   constructor dan overloading
Modul prak2 constructor dan overloading
 
Algoritma dan Struktur Data - Metode C++
Algoritma dan Struktur Data - Metode C++Algoritma dan Struktur Data - Metode C++
Algoritma dan Struktur Data - Metode C++
 
Tipe data abstract
Tipe data abstractTipe data abstract
Tipe data abstract
 
Tipe Data pada Bahasa Java
Tipe Data pada Bahasa JavaTipe Data pada Bahasa Java
Tipe Data pada Bahasa Java
 
Kelas dan objek
Kelas dan objekKelas dan objek
Kelas dan objek
 
Jeni Intro2 Bab13 Pengenalan Generics
Jeni Intro2 Bab13 Pengenalan GenericsJeni Intro2 Bab13 Pengenalan Generics
Jeni Intro2 Bab13 Pengenalan Generics
 
Pelatihan Java - Number & String
Pelatihan Java - Number & StringPelatihan Java - Number & String
Pelatihan Java - Number & String
 
Laporan praktikum Algoritma dan Pemrograman pertemuan 12
Laporan praktikum Algoritma dan Pemrograman pertemuan 12Laporan praktikum Algoritma dan Pemrograman pertemuan 12
Laporan praktikum Algoritma dan Pemrograman pertemuan 12
 
Laporan praktikum Algoritma dan Pemrograman pertemuan 15
Laporan praktikum Algoritma dan Pemrograman pertemuan 15Laporan praktikum Algoritma dan Pemrograman pertemuan 15
Laporan praktikum Algoritma dan Pemrograman pertemuan 15
 
OOP - Character class dan String
OOP - Character class dan StringOOP - Character class dan String
OOP - Character class dan String
 
Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10
Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10
Laporan praktikum Algoritma dan Pemrograman pertemuan 9&10
 
OOP
OOPOOP
OOP
 
PBO Pert 3 Praktek
PBO Pert 3 PraktekPBO Pert 3 Praktek
PBO Pert 3 Praktek
 

Viewers also liked

Ppt ict newwww
Ppt ict newwwwPpt ict newwww
Ppt ict newwwwWAFFAK
 
Pasar Saham - 06 Harga Saham
Pasar Saham - 06 Harga SahamPasar Saham - 06 Harga Saham
Pasar Saham - 06 Harga Saham
KuliahKita
 
Pemrograman C++ - Pengulangan
Pemrograman C++ - PengulanganPemrograman C++ - Pengulangan
Pemrograman C++ - Pengulangan
KuliahKita
 
Pasar Saham - 01 Pengenalan Investasi
Pasar Saham - 01 Pengenalan InvestasiPasar Saham - 01 Pengenalan Investasi
Pasar Saham - 01 Pengenalan Investasi
KuliahKita
 
Pasar Saham - 19 Indikator
Pasar Saham - 19 IndikatorPasar Saham - 19 Indikator
Pasar Saham - 19 Indikator
KuliahKita
 
我们产品目录 LAUMAS
我们产品目录 LAUMAS我们产品目录 LAUMAS
我们产品目录 LAUMAS
LAUMAS
 
Environmental science
Environmental scienceEnvironmental science
Environmental science
Sonal Sonal Gupta
 
Ppt ict newwww
Ppt ict newwwwPpt ict newwww
Ppt ict newwwwWAFFAK
 
[生傳系電子報] BICDream:試刊號
[生傳系電子報] BICDream:試刊號[生傳系電子報] BICDream:試刊號
[生傳系電子報] BICDream:試刊號
bicdream
 
Matematika Diskrit - 06 relasi dan fungsi - 01
Matematika Diskrit - 06 relasi dan fungsi - 01Matematika Diskrit - 06 relasi dan fungsi - 01
Matematika Diskrit - 06 relasi dan fungsi - 01
KuliahKita
 
Gloria Hernández - CV
Gloria Hernández - CVGloria Hernández - CV
Gloria Hernández - CV
elen1202
 
Pengenalan teknologi informasi 3 - Netiket
Pengenalan teknologi informasi   3 - NetiketPengenalan teknologi informasi   3 - Netiket
Pengenalan teknologi informasi 3 - Netiket
KuliahKita
 
Golang getting started
Golang getting startedGolang getting started
Golang getting started
Harshad Patil
 
Matematika Diskrit - 06 relasi dan fungsi - 02
Matematika Diskrit - 06 relasi dan fungsi - 02Matematika Diskrit - 06 relasi dan fungsi - 02
Matematika Diskrit - 06 relasi dan fungsi - 02
KuliahKita
 
Pengenalan Teknologi Informasi 7 - Pencarian
Pengenalan Teknologi Informasi   7 - PencarianPengenalan Teknologi Informasi   7 - Pencarian
Pengenalan Teknologi Informasi 7 - Pencarian
KuliahKita
 
Kriptografi - Advanced Encryption Standard
Kriptografi - Advanced Encryption StandardKriptografi - Advanced Encryption Standard
Kriptografi - Advanced Encryption Standard
KuliahKita
 
Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02
KuliahKita
 
Holiday Parties
Holiday PartiesHoliday Parties
Holiday Parties
Shoumala Ghosh-Datta
 

Viewers also liked (19)

Ppt ict newwww
Ppt ict newwwwPpt ict newwww
Ppt ict newwww
 
Pasar Saham - 06 Harga Saham
Pasar Saham - 06 Harga SahamPasar Saham - 06 Harga Saham
Pasar Saham - 06 Harga Saham
 
Pemrograman C++ - Pengulangan
Pemrograman C++ - PengulanganPemrograman C++ - Pengulangan
Pemrograman C++ - Pengulangan
 
Pasar Saham - 01 Pengenalan Investasi
Pasar Saham - 01 Pengenalan InvestasiPasar Saham - 01 Pengenalan Investasi
Pasar Saham - 01 Pengenalan Investasi
 
Pasar Saham - 19 Indikator
Pasar Saham - 19 IndikatorPasar Saham - 19 Indikator
Pasar Saham - 19 Indikator
 
我们产品目录 LAUMAS
我们产品目录 LAUMAS我们产品目录 LAUMAS
我们产品目录 LAUMAS
 
Environmental science
Environmental scienceEnvironmental science
Environmental science
 
Ppt ict newwww
Ppt ict newwwwPpt ict newwww
Ppt ict newwww
 
[生傳系電子報] BICDream:試刊號
[生傳系電子報] BICDream:試刊號[生傳系電子報] BICDream:試刊號
[生傳系電子報] BICDream:試刊號
 
Matematika Diskrit - 06 relasi dan fungsi - 01
Matematika Diskrit - 06 relasi dan fungsi - 01Matematika Diskrit - 06 relasi dan fungsi - 01
Matematika Diskrit - 06 relasi dan fungsi - 01
 
Dolina Będkowska
Dolina  BędkowskaDolina  Będkowska
Dolina Będkowska
 
Gloria Hernández - CV
Gloria Hernández - CVGloria Hernández - CV
Gloria Hernández - CV
 
Pengenalan teknologi informasi 3 - Netiket
Pengenalan teknologi informasi   3 - NetiketPengenalan teknologi informasi   3 - Netiket
Pengenalan teknologi informasi 3 - Netiket
 
Golang getting started
Golang getting startedGolang getting started
Golang getting started
 
Matematika Diskrit - 06 relasi dan fungsi - 02
Matematika Diskrit - 06 relasi dan fungsi - 02Matematika Diskrit - 06 relasi dan fungsi - 02
Matematika Diskrit - 06 relasi dan fungsi - 02
 
Pengenalan Teknologi Informasi 7 - Pencarian
Pengenalan Teknologi Informasi   7 - PencarianPengenalan Teknologi Informasi   7 - Pencarian
Pengenalan Teknologi Informasi 7 - Pencarian
 
Kriptografi - Advanced Encryption Standard
Kriptografi - Advanced Encryption StandardKriptografi - Advanced Encryption Standard
Kriptografi - Advanced Encryption Standard
 
Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02
 
Holiday Parties
Holiday PartiesHoliday Parties
Holiday Parties
 

Similar to Pemrograman Web - Variable dan Scope

Job 11 sebenarnya
Job 11 sebenarnyaJob 11 sebenarnya
Job 11 sebenarnya
Polytechnic State Semarang
 
JENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdf
JENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdfJENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdf
JENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdf
Jurnal IT
 
Object Oriented Programming Concept
Object Oriented Programming Concept Object Oriented Programming Concept
Object Oriented Programming Concept
EsterLumba
 
Konsep-Object-dan-Class dalam pemrograman.pdf
Konsep-Object-dan-Class dalam pemrograman.pdfKonsep-Object-dan-Class dalam pemrograman.pdf
Konsep-Object-dan-Class dalam pemrograman.pdf
quiztugasujian
 
Jeni konsep oop
Jeni   konsep oopJeni   konsep oop
Jeni konsep oop
rauff risharasakti
 
mf488_10_092649.ppt
mf488_10_092649.pptmf488_10_092649.ppt
mf488_10_092649.ppt
pkerketta77nepal
 
Pengenalan Java
Pengenalan JavaPengenalan Java
Pengenalan Java
Laili Aidi
 
2.other oop basic
2.other oop basic2.other oop basic
2.other oop basic
Robbie AkaChopa
 
Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)
Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)
Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)Melina Krisnawati
 
PRAKTIKUM PBO PERTEMUAN 5 (3).pptx
PRAKTIKUM PBO PERTEMUAN 5 (3).pptxPRAKTIKUM PBO PERTEMUAN 5 (3).pptx
PRAKTIKUM PBO PERTEMUAN 5 (3).pptx
annikarimatulf
 
Pbo inheritance, polymorphism, dan inte
Pbo inheritance, polymorphism, dan intePbo inheritance, polymorphism, dan inte
Pbo inheritance, polymorphism, dan inte
Smkn-2 Pekanbaru
 
Laporan PBO pratikum 2
Laporan PBO pratikum 2Laporan PBO pratikum 2
Laporan PBO pratikum 2rahmi wahyuni
 
Modul Pemrograman Berorientasi Objek
Modul Pemrograman Berorientasi ObjekModul Pemrograman Berorientasi Objek
Modul Pemrograman Berorientasi Objek
Wahyu Widodo
 
Konsep (class & object)
Konsep (class & object)Konsep (class & object)
Konsep (class & object)
Rizki Ramdani
 
31322 2 class & object
31322 2 class & object31322 2 class & object
31322 2 class & object
Universitas Bina Darma Palembang
 
Modul Object Oriented Programming
Modul Object Oriented ProgrammingModul Object Oriented Programming
Modul Object Oriented Programming
Teknik Komputer & Informatika
 
Dasar pemrograman C++
Dasar pemrograman C++Dasar pemrograman C++
Dasar pemrograman C++
Andan Sperrow
 
Pemrograman Web - Statement Javascript
Pemrograman Web - Statement JavascriptPemrograman Web - Statement Javascript
Pemrograman Web - Statement Javascript
KuliahKita
 
Jeni Intro2 Bab01 Review Konsep Dasar Dalam Java
Jeni Intro2 Bab01 Review Konsep Dasar Dalam JavaJeni Intro2 Bab01 Review Konsep Dasar Dalam Java
Jeni Intro2 Bab01 Review Konsep Dasar Dalam Java
Individual Consultants
 

Similar to Pemrograman Web - Variable dan Scope (20)

Job 11 sebenarnya
Job 11 sebenarnyaJob 11 sebenarnya
Job 11 sebenarnya
 
JENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdf
JENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdfJENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdf
JENI-Intro1-Bab09-Bekerja Dengan Java Class Library.pdf
 
Object Oriented Programming Concept
Object Oriented Programming Concept Object Oriented Programming Concept
Object Oriented Programming Concept
 
Konsep-Object-dan-Class dalam pemrograman.pdf
Konsep-Object-dan-Class dalam pemrograman.pdfKonsep-Object-dan-Class dalam pemrograman.pdf
Konsep-Object-dan-Class dalam pemrograman.pdf
 
Jeni konsep oop
Jeni   konsep oopJeni   konsep oop
Jeni konsep oop
 
mf488_10_092649.ppt
mf488_10_092649.pptmf488_10_092649.ppt
mf488_10_092649.ppt
 
Pengenalan Java
Pengenalan JavaPengenalan Java
Pengenalan Java
 
2.other oop basic
2.other oop basic2.other oop basic
2.other oop basic
 
Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)
Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)
Java (Netbeans) - Class, Constructor, Object (Object Oriented Programming)
 
PRAKTIKUM PBO PERTEMUAN 5 (3).pptx
PRAKTIKUM PBO PERTEMUAN 5 (3).pptxPRAKTIKUM PBO PERTEMUAN 5 (3).pptx
PRAKTIKUM PBO PERTEMUAN 5 (3).pptx
 
Pbo inheritance, polymorphism, dan inte
Pbo inheritance, polymorphism, dan intePbo inheritance, polymorphism, dan inte
Pbo inheritance, polymorphism, dan inte
 
Laporan PBO pratikum 2
Laporan PBO pratikum 2Laporan PBO pratikum 2
Laporan PBO pratikum 2
 
Modul Pemrograman Berorientasi Objek
Modul Pemrograman Berorientasi ObjekModul Pemrograman Berorientasi Objek
Modul Pemrograman Berorientasi Objek
 
Java4
Java4Java4
Java4
 
Konsep (class & object)
Konsep (class & object)Konsep (class & object)
Konsep (class & object)
 
31322 2 class & object
31322 2 class & object31322 2 class & object
31322 2 class & object
 
Modul Object Oriented Programming
Modul Object Oriented ProgrammingModul Object Oriented Programming
Modul Object Oriented Programming
 
Dasar pemrograman C++
Dasar pemrograman C++Dasar pemrograman C++
Dasar pemrograman C++
 
Pemrograman Web - Statement Javascript
Pemrograman Web - Statement JavascriptPemrograman Web - Statement Javascript
Pemrograman Web - Statement Javascript
 
Jeni Intro2 Bab01 Review Konsep Dasar Dalam Java
Jeni Intro2 Bab01 Review Konsep Dasar Dalam JavaJeni Intro2 Bab01 Review Konsep Dasar Dalam Java
Jeni Intro2 Bab01 Review Konsep Dasar Dalam Java
 

More from KuliahKita

CSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup MenuCSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup Menu
KuliahKita
 
CSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup KonfirmasiCSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup Konfirmasi
KuliahKita
 
CSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding DoorCSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding Door
KuliahKita
 
CSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card FlipCSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card Flip
KuliahKita
 
CSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordionCSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordion
KuliahKita
 
CSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tabCSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tab
KuliahKita
 
CSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side MenuCSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side Menu
KuliahKita
 
CSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 BreadcrumbCSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 Breadcrumb
KuliahKita
 
CSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasarCSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasar
KuliahKita
 
CSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox GridCSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox Grid
KuliahKita
 
Eksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layoutEksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layout
KuliahKita
 
Eksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 PendahuluanEksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 Pendahuluan
KuliahKita
 
07 equity research (bagian 2)
07 equity research (bagian 2)07 equity research (bagian 2)
07 equity research (bagian 2)
KuliahKita
 
Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)
KuliahKita
 
Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)
KuliahKita
 
Pasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due DilligencePasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due Dilligence
KuliahKita
 
Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03
KuliahKita
 
Pasar Saham -27 financial ratio 01
Pasar Saham -27 financial ratio  01Pasar Saham -27 financial ratio  01
Pasar Saham -27 financial ratio 01
KuliahKita
 
Pasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow StatementPasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow Statement
KuliahKita
 
Pasar Saham - 25 Balance Sheet Statement
Pasar Saham - 25 Balance Sheet StatementPasar Saham - 25 Balance Sheet Statement
Pasar Saham - 25 Balance Sheet Statement
KuliahKita
 

More from KuliahKita (20)

CSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup MenuCSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup Menu
 
CSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup KonfirmasiCSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup Konfirmasi
 
CSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding DoorCSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding Door
 
CSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card FlipCSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card Flip
 
CSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordionCSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordion
 
CSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tabCSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tab
 
CSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side MenuCSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side Menu
 
CSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 BreadcrumbCSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 Breadcrumb
 
CSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasarCSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasar
 
CSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox GridCSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox Grid
 
Eksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layoutEksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layout
 
Eksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 PendahuluanEksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 Pendahuluan
 
07 equity research (bagian 2)
07 equity research (bagian 2)07 equity research (bagian 2)
07 equity research (bagian 2)
 
Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)
 
Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)
 
Pasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due DilligencePasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due Dilligence
 
Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03
 
Pasar Saham -27 financial ratio 01
Pasar Saham -27 financial ratio  01Pasar Saham -27 financial ratio  01
Pasar Saham -27 financial ratio 01
 
Pasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow StatementPasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow Statement
 
Pasar Saham - 25 Balance Sheet Statement
Pasar Saham - 25 Balance Sheet StatementPasar Saham - 25 Balance Sheet Statement
Pasar Saham - 25 Balance Sheet Statement
 

Recently uploaded

BAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptx
BAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptxBAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptx
BAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptx
ssuser5e48eb
 
1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx
1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx
1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx
ymikhael4
 
Sistem Proteksi Jawa Bali untuk gardu induk
Sistem Proteksi Jawa Bali untuk gardu indukSistem Proteksi Jawa Bali untuk gardu induk
Sistem Proteksi Jawa Bali untuk gardu induk
ssuser0b6eb8
 
PROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdf
PROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdfPROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdf
PROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdf
afifsalim12
 
111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx
111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx
111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx
RobiahIqlima
 
DAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdf
DAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdfDAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdf
DAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdf
benediktusmaksy
 
Paparan Pengawasan Bangunan Gedung.pptx
Paparan  Pengawasan Bangunan Gedung.pptxPaparan  Pengawasan Bangunan Gedung.pptx
Paparan Pengawasan Bangunan Gedung.pptx
RifkiAbrar2
 
ANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdf
ANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdfANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdf
ANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdf
narayafiryal8
 

Recently uploaded (8)

BAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptx
BAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptxBAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptx
BAHAN KULIUAH BAHAN TAMBAHAN MAKANANTM 03.pptx
 
1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx
1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx
1 - Metode Pelaksanaan Pondasi Tiang Pancang-1.pptx
 
Sistem Proteksi Jawa Bali untuk gardu induk
Sistem Proteksi Jawa Bali untuk gardu indukSistem Proteksi Jawa Bali untuk gardu induk
Sistem Proteksi Jawa Bali untuk gardu induk
 
PROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdf
PROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdfPROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdf
PROGRAM PERCEPATAN PENINGKATAN TATA GUNA AIR IRIGASI 2024.pdf
 
111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx
111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx
111078825-Nilai-Maksimum-Dan-Minimum-Turunan-Fungsi.pptx
 
DAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdf
DAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdfDAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdf
DAMPAK POLUSI UDARA TERHADAP KESEHATAN MASYARAKAT.pdf
 
Paparan Pengawasan Bangunan Gedung.pptx
Paparan  Pengawasan Bangunan Gedung.pptxPaparan  Pengawasan Bangunan Gedung.pptx
Paparan Pengawasan Bangunan Gedung.pptx
 
ANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdf
ANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdfANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdf
ANALISIS PENGARUH INDUSTRI BATU BARA TERHADAP PENCEMARAN UDARA.pdf
 

Pemrograman Web - Variable dan Scope

  • 1. Javascript - Variabel & Scope Pengembangan Web Edwin Lunando edwin@kuliahkita.com
  • 2. Var Statement Mendefinisikan variabel dalam fungsi dengan tipe yang tidak ditentukan dan initial value yang opsional Contoh: - var name; - var tempStack; - var a = 0;
  • 3. 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.
  • 4. 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
  • 5. 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
  • 6. Object Object dibuat dengan menggunakan constructor var now = new Date() Object dibuat dengan menggunakan literal var 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”
  • 7. 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 delete delete book.title;
  • 8. Constructor fungsi khusus yang digunakan untuk inisialisasi sebuah object dan dipanggil menggunakan perintah new var now = new Date()
  • 9. 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() );
  • 10. 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
  • 11. Array Array dibuat menggunakan Array constructor var a = new Array(1); var b = new Array(1, 2, “tiga”); Dibuat menggunakan literal var a = [1, 2, “tiga”]; Cara mengakses a[0] = 1; a[1] = 2;
  • 12. 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()
  • 13. Regular Expressions (RegExp) Regular expression digunakan untuk pengolahan teks, untuk mencari dan mengubah teks dengan pola tertentu Literal: var pattern = /s$/ RegExp object var pattern = new RegExp (“s$”);