Advance JavaScript 1 - prototype part 1 mengingat ngingat kembali

-
Advance JavaScript 1 -  prototype part 1 mengingat ngingat kembali



Di label ini Kita akan Mempelajari konsep konsep JavaScript yang baru Dan lebih modern dari JavaScript sebelum nya .

Label ini adalah lanjutan dari label sebelumnya yang sudah saya buat yaitu JavaScript dasar Dan JavaScript Dom

Pertama Tama yang akan Kita bahas yaitu prototype konsep dari object yang betul betul harus kalian pahami 


Sekarang Kita akan meriview kembali / mengingat ngingat kembali konsep dari JavaScript object yang pernah Kita pelajari , karena Kita akan berfokus untuk melanjutkan nya dari situ


Jika kalian masih ingat didalam JavaScript itu untuk membuat object Ada 4 Cara 

1.menggunakan object literal
2.function declaration
3.constructur function (keyword new)
4.object.create 
Yang ke empat ini yang belum Kita coba 


1.object literal


let murid {
nama : 'gimas Nur alamsah,
energy: 10,
makana:function(porsi) {
this.energi = this.energi + porsi;

}

}


Ini adalah Cara simple untuk membuat object yaitu dengan menggunakan object literal,tetapi kekurangan nya adalah ketika Kita ingin membuat murid kedua itu mau ga mau Kita harus bikin satu object lagi


2.function declaration

function murid(nama,energi){
let murid = {}
murid.nama = nama;
murid.energi = energi;

murid.makan = function(porsi){
this.energi += porsi;

return murid

}

}

let gimas = murid("gimas",20)
let Nur = murid("Nur",20)


Dengan menggunakan function declaration jika Kita ingin membuat murid kedua Kita tidak perlu membuat template nya lagi Kita tinggal intansiasi saja.

Kalau bagaimana membuat object menggunakan constructur function , sebenarnya sama seperti declaration yang membedakan iyawah dia menggunakan this


3.constructur function

function murid(nama,energi}{
this.nama = nama;
this.energi = energi;

murid.makan = function(porsi){
this.energi += porsi;

}

}

let gimas = new murid("gimas",20)


Dengan menggunakan constructur function Kita tidak perlu menuliskan deklsradi variable Dan return ,itu sudah dilakukan otomatis oleh JavaScript nya
Cuma untuk pemanggilan nya Kita menggunakan keyword new


Constructur function ini yang akan Kita gunakan kedepan nya Karena akan memudahkan Kita untuk membuat prototype Dan  akan lebih jelas ketika Kita nanti mau menggunakan object.create.

Komentar

Posting Komentar

Postingan populer dari blog ini

ethical hacking part 14 membuat malware Trojan

-
Gambar
ethical hacking part 14 membuat malware Trojan Di tutorial Kali ini Kita akan belajar membuat virus Trojan , apa itu Trojan ,Trojan ini adalah sebuah malicious software (malware) Yang merupakan file exe Yang berbahaya Yang dimana didalam file exe tersebut Kita memasukan payloads Yang Kita gunakan untuk memperoleh akses pada target mesin Untuk menggunakan Trojan ini Kita harus memasukan sendiri Trojan kedalam target mesin ,caranya bisa saja Kita gunakan USB,kirim melalui email apapun caranya Yang penting Trojan ini bisa masuk kedalam target  mesin Dan user dari target mesin nya harus menjalankan Trojan tersebut ,Cara nya bisa saja Kita masukan Trojan nya kedalam sebuah program Dan ketika user mendownload,menginstall Dan menjalan program tersebut Trojan nya akan memberi Kita akses ataupun Kita sisipkan kedalam sebuah gambar (image) Dan ketika usernya membuka gambarnya maka Kita Akan memperoleh akses ,membutuhkan skill sosial engineering tinggi untuk melakukan exploit i...
Baca selengkapnya

CSS layouting - box model: CSS reset

-
Gambar
CSS layouting -  box model: CSS reset Ketika kalian membuat sebuah box itu terkadang terdapat ruang kosong di sisi Kiri element nya ,padahal Kita belum tidak atau belum menambahkan style padding/margin . Supaya Kita dapat kendali penuh untuk styling element nya itu Kita gunakan yang namanya CSS reset. Metode CSS reset sederhana * { padding:0; margin:0; } Atau jika ingin lebih komplek bisa search di browser CSS reset nanti akan banyak CSS reset yang sudah dibuat oleh orang lain Dan Kita tinggal copy Dan paste .
Baca selengkapnya

ethical hacking part 3 reconnaissance & information gethering

-
Gambar
  ethical hacking part 3 reconnaissance &    information gethering Saya sudah sampaikan tentang reconnaissance Dan information gethering ini sebelum nya Dan sekarang Kita akan mempraktekan nya Ada 2 Cara untuk melakukan information gethering ini Yang ke satu active information gethering Dan Yang kedua passive information gethering Active information gethering ini adalah Kita mengumpulkan informasi dengan Cara berinteraksi langsung dengan si target. Passive information gethering ini adalah Kita mengumpulkan informasi tentang si target dengan melalui pihak ketiga atau melalui middle source  misal nya Kita browser di internet dengan Google untuk mencari informasi tentang si target. Apapun Cara nya tujuan nya Sama yaitu mencari informasi tentang target Tools tools Yang bisa Kita pakai untuk melakukan information gethering ini ada banyak yaitu ping,whois,nslookup,whatweb,theHarvester, Hunter.io Dan Sherlock. Kita akan mulai dengan melakukan active...
Baca selengkapnya