SlideShare a Scribd company logo
1 of 13
Download to read offline
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 objekifani_anesa
 
Matericlass
MatericlassMatericlass
Matericlasswindi1
 
Modul prak2 constructor dan overloading
Modul prak2   constructor dan overloadingModul prak2   constructor dan overloading
Modul prak2 constructor dan overloadingwahyuniwulan
 
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 pada Bahasa Java
Tipe Data pada Bahasa JavaTipe Data pada Bahasa Java
Tipe Data pada Bahasa JavaAs Faizin
 
Pelatihan Java - Number & String
Pelatihan Java - Number & StringPelatihan Java - Number & String
Pelatihan Java - Number & StringAmmar 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 12Ekha 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 15Ekha Cahya Nugraha
 
OOP - Character class dan String
OOP - Character class dan StringOOP - Character class dan String
OOP - Character class dan StringKuliahKita
 
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&10Ekha Cahya Nugraha
 
PBO Pert 3 Praktek
PBO Pert 3 PraktekPBO Pert 3 Praktek
PBO Pert 3 PraktekRUDISELAMAT2
 

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 SahamKuliahKita
 
Pemrograman C++ - Pengulangan
Pemrograman C++ - PengulanganPemrograman C++ - Pengulangan
Pemrograman C++ - PengulanganKuliahKita
 
Pasar Saham - 01 Pengenalan Investasi
Pasar Saham - 01 Pengenalan InvestasiPasar Saham - 01 Pengenalan Investasi
Pasar Saham - 01 Pengenalan InvestasiKuliahKita
 
Pasar Saham - 19 Indikator
Pasar Saham - 19 IndikatorPasar Saham - 19 Indikator
Pasar Saham - 19 IndikatorKuliahKita
 
我们产品目录 LAUMAS
我们产品目录 LAUMAS我们产品目录 LAUMAS
我们产品目录 LAUMASLAUMAS
 
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 - 01KuliahKita
 
Gloria Hernández - CV
Gloria Hernández - CVGloria Hernández - CV
Gloria Hernández - CVelen1202
 
Pengenalan teknologi informasi 3 - Netiket
Pengenalan teknologi informasi   3 - NetiketPengenalan teknologi informasi   3 - Netiket
Pengenalan teknologi informasi 3 - NetiketKuliahKita
 
Golang getting started
Golang getting startedGolang getting started
Golang getting startedHarshad 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 - 02KuliahKita
 
Pengenalan Teknologi Informasi 7 - Pencarian
Pengenalan Teknologi Informasi   7 - PencarianPengenalan Teknologi Informasi   7 - Pencarian
Pengenalan Teknologi Informasi 7 - PencarianKuliahKita
 
Kriptografi - Advanced Encryption Standard
Kriptografi - Advanced Encryption StandardKriptografi - Advanced Encryption Standard
Kriptografi - Advanced Encryption StandardKuliahKita
 
Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02KuliahKita
 

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 Javascript - Variabel, Scope, Object dan Array dalam Pengembangan Web

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.pdfJurnal IT
 
Object Oriented Programming Concept
Object Oriented Programming Concept Object Oriented Programming Concept
Object Oriented Programming Concept EsterLumba
 
Pengenalan Java
Pengenalan JavaPengenalan Java
Pengenalan JavaLaili Aidi
 
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).pptxannikarimatulf
 
Pbo inheritance, polymorphism, dan inte
Pbo inheritance, polymorphism, dan intePbo inheritance, polymorphism, dan inte
Pbo inheritance, polymorphism, dan inteSmkn-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 ObjekWahyu Widodo
 
Konsep (class & object)
Konsep (class & object)Konsep (class & object)
Konsep (class & object)Rizki Ramdani
 
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 JavascriptKuliahKita
 
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 JavaIndividual Consultants
 
Laporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBOLaporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBOsetyadi_s
 

Similar to Javascript - Variabel, Scope, Object dan Array dalam Pengembangan Web (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
 
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
 
Laporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBOLaporan Praktikum Pertemuan 1, PBO
Laporan Praktikum Pertemuan 1, PBO
 

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 MenuKuliahKita
 
CSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup KonfirmasiCSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup KonfirmasiKuliahKita
 
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 DoorKuliahKita
 
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 FlipKuliahKita
 
CSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordionCSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordionKuliahKita
 
CSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tabCSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tabKuliahKita
 
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 MenuKuliahKita
 
CSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 BreadcrumbCSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 BreadcrumbKuliahKita
 
CSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasarCSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasarKuliahKita
 
CSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox GridCSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox GridKuliahKita
 
Eksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layoutEksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layoutKuliahKita
 
Eksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 PendahuluanEksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 PendahuluanKuliahKita
 
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 DilligenceKuliahKita
 
Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03KuliahKita
 
Pasar Saham -27 financial ratio 01
Pasar Saham -27 financial ratio  01Pasar Saham -27 financial ratio  01
Pasar Saham -27 financial ratio 01KuliahKita
 
Pasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow StatementPasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow StatementKuliahKita
 
Pasar Saham - 25 Balance Sheet Statement
Pasar Saham - 25 Balance Sheet StatementPasar Saham - 25 Balance Sheet Statement
Pasar Saham - 25 Balance Sheet StatementKuliahKita
 

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

Manual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxManual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxRemigius1984
 
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfTEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfYogiCahyoPurnomo
 
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfMODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfihsan386426
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaRenaYunita2
 
MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++FujiAdam
 
Metode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfMetode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfArvinThamsir1
 
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdfAnonymous6yIobha8QY
 
10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppttaniaalda710
 

Recently uploaded (8)

Manual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxManual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptx
 
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfTEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
 
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfMODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di Indonesia
 
MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++
 
Metode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfMetode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdf
 
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
 
10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt
 

Javascript - Variabel, Scope, Object dan Array dalam Pengembangan Web

  • 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$”);