Advance JavaScript 17 - asynchronous Javascript

-

Advance JavaScript 17 - asynchronous Javascript



Kita belajar mengenali asynchronous Javascript supaya kedepan nya Kita tidak bingung ketika belajar callback ,promise, ajak Dan asyn await

Kita mulai pertama Tama bertanya kepada diri Kita sendiri apa itu Javascript?

Mungkin bagi  orang awam atau yang baru belajar Javascript , Javascript itu begini

Javascript adalah bahasa pemrograman tingkat tinggi Dan dinamis   yang secara umum dapat berjalan pada browser

Itu untuk orang awam yang belum Tau Javascript,untuk Kita karena Kita sudah Masuk kedalam advance JavaScript ,pemahaman tentang Javascript ini bisa jadi lebih komplek

Javascript definisi nya sekarang bisa begini

JavaScript is a single-threaded non-blocking asynchronous and concurrent language

Apa itu maksud nya

1.single threaded
thread adalah urutan eksekusi kode yang dapat dieksekusi secara bebas / independent satu sama lain ,jadi intinya Javascript hanya bisa melakukan satu Hal pada satu waktu tertentu Karena dia single threaded.

Contoh dari single threaded itu begini , JavaScript akan mengeksekusi satu task 1 , maka setelah selesai maka dia akan lanjut ke task 2 jika sudah selesai lanjut task ke 3 ,anggap Saja JavaScript membaca baris perbaris Dan menyelesaikannya.

2.multi threaded

Sedangkan untuk multi threaded
thread nya bisa banyak ,walaupun tetap Saja pekerjaan nya hanya bisa dilakukan satu satu ,namun bisa Saja dikerjakan oleh threaded yang berbeda  misal task 1 dilakukan oleh threaded kesatu , task 2 dilakukan oleh threaded ketiga Dan task ke 3 Dan ke 4 dilakukan oleh threaded ke Dua. Jadi dibagi bagi


Blocking & non blocking

1.blocking
Ketika Kita mempunyai satu task/ script pada saat di eksekusi ternyata script ini membutuhkan waktu yang lama ,kalau task satu belum selesai maka dia gabisa Masuk ke task berikutnya.

2.non blocking
Kalau non blocking dia bisa gini ,ketika Kita mengerjakan satu task walaupun belum Beres Kita bisa lanjut ke task berikutnya

Sedangkan asynchronous Dan synchronous

1.synchronous

Jadi synchronous itu seperti biasa mengeksekusi task demi task

2.asynchronous
Sedangkan asynchronous itu begini Kita mengerjakan task yang pertama nah task pertama belum beres tetapi threaded nya bisa pindah ke task yang kedua , task yang kedua belum beres pindah lagi ke task yang kesatu begitu seterus nya sampai task kesatu selesai Dan task kedua selesai Ini misalkan asynchronous yang single threaded.

Sedangkan asynchronous yang multi threaded itu misal Ada 3 threaded Kita bisa mengerjakan task nya bareng bareng .

Konsep ini kalau Kita gabungkan misalkan Kita mempunyai asynchronous yang single threaded itu disebut sesuatu yang concurrency , sedangkan asynchronous ya g multi threaded itu disebut parallelism

Kesimpulan nya

Kalau Kita ngomongin single Dan multi threaded itu Ada hubungan nya dengan lingkungan eksekusi task.
Blocking & non blocking itu teknik ngoding Kita
Dan synchronous Dan asynchronous itu teknik ngoding Kita yang Ada hubungan nya dengan request Kita ke http.
Dan concurrency Dan parallelism itu sama Ada hubungan nya dengan lingkungan eksekusi task.


Jika kalian masih bingunh Mari Kita menyelami lebih dalam pokok nya kalian harus Tau dulu JavaScript itu single threaded Tapi dia juga bisa non blocking Dan bisa asynchronous.

Didalam JavaScript itu Ada sesuatu yang namanya V8 engine atau mesin yang menjalankan Javascript ,yang ditanam kedalam browser yang isinya didalam nya Ada 2 bagian yaitu heap Dan stack

1.heap
Heap itu digunakan untuk alokasi memori ,digunakan juga untuk tempat penyimpanan variabel , function Dan Ada hubungan nya juga dengan hoisting

2.stack
Sedangkan stack itu digunakan untuk pemanggilan function Dan eksekusi script nya

Dan sebetul nya Ada yang namanya web API , callbacks queue Dan event loop

Jika kalian ingin mengetahui lebih detail Dan lebih komplek tentang  v8 engine,web API, asynchronous callback , callback queue, Dan event loop, kalian bisa mengunjungi situs dibawah ini untuk melihat simulasinya bagaimana v8 engine,web API Dll ini bekerja .atau kalian bisa search YouTube tentang lingkungan eksekusi Javascript ,atau Cari v8 engine web API, and callback work.

https://latenflip.com/loupe/
By: Philip Robert

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