JAVASCRIPT LANJUTAN | 2.1 Execution Context, Hoisting & Scope

Memahami Execution Context, Hoisting & Scope pada Javascript
--
PLAYLIST JAVASCRIPT
1. DASAR PEMROGRAMAN DENGAN JAVASCRIPT
• Dasar Pemrograman deng...
2. JAVASCRIPT & DOM (Document Object Model)
• Javascript dan DOM (Do...
--
KELAS ONLINE "Menjadi Seorang FULL STACK DESIGNER"
fullstackdesign...
---
PLAYLIST LAIN
- HTML Dasar
• HTML Dasar
- CSS Dasar
• CSS Dasar
- Tutorial Sublime Text
• Tutorial Sublime Text 3
- CSS Layouting
• CSS Layouting
- PHP DASAR
• Belajar PHP untuk PEMULA
- OOPHP
• OOP DASAR pada PHP
---
FOLLOW ME
- / sandhikagalih
- / webprogrammingunpas
- codepen.io/webp...
- github.com/san...
- / sandhikagalih
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac...
terimakasih dan selamat #ngoding!
@sandhikagalih

[@fadhilh3931]

yang saya tangkap, intinya javascript ga langsung deklarasi variable dan function yg kita buat, tapi dibuat nilai default dulu dengan nilai undefined, nah proses dibuat nilai default ini disebut hoisting

[@davidmahbubi]

Wah selalu salut sama Pak Dhika, kalo jelasin pasti sampe detail banget. Sejauh yg saya lihat gak ada channel Indonesia yang bahas javascript sampai detail kayak gini

[@akhwanstudio]

setuju

[@Kelvin_Falah]

iyah ak jga setuju

[@futuremazwar]

menit 22:06 FYI : pembahasan arguments sudah ada di video pak Dika yang playlist javascript dasar episode function kalo tidak salah sebutan arguments itu disebut juga pseudo variable / variabel semu. Apabila argument yang diinputkan melebihi parameter yang ditetapkan, maka akan disimpan ke dalam pseudo variable yang bernama ARGUMENST dan arguments itu bentuknya array.

[@yogipristiawan3899]

Bang sebagai bentuk apresiasi, aku gak pernah skip iklan di video abang

[@DediAnanto]

yg dijelasin disini paham, tapi masih belum kebayang gmn peng aplikasiannya di real coding saat buat program

[@thoriqadillah7780]

kepake kok mas, tapi bukan kaya masnya ngoding kaya biasanya bikin object, function, dll, tapi lebih ke struktural aja, dan juga bakal berguna buat debugging

[@CakRama01]

Telen dulu, dipahami. Ini konsep pasti dipake secara tdak lgsung

[@guruhabimanyu6855]

Sekarang udah jago belum mas js nya?

[@junevenlee1979]

Setelah menonton pak sandhika dan mengabungkan penjelasan dari youtuber lain tentang konsep hoisting yaitu seperti yang dikatakan pak sandhika pada fase creation dia akan mencari keyword var dan function dan menaikkan keatas tapi jika kalian sudah menonton video quicktip tentang var, let, & const sebenarnya let dan const ini menurut saya tidak memiliki konsep hoisting seperti jika kita meletakkan console.log() diatas deklarasi variabel mau itu let atau const pasti akan error berbeda dengan function. Contohnya seperti ini : function log() { console.log(value); } let value = 1; log(); ini hasilnya akan menampilkan 1 dan tidak error (tapi untuk beberapa bahasa pemrograman lain bisa error). Mengapa? Yang pertama seperti pak sandhika jelasin creation phase ad keyword function ga? ad keyword var ga? oh ada keyword function ini ditaruh diatas dengan isi functionnya lalu ada deklarasi variabel yaitu let value = 1; baru masuk execution phase yaitu jalankan fungsinya dengan log(); baru masuk lah ke function nah disini jadi local creation phase cek lagi ada tidak keyword function atau var kalau ga ada masuk ke fase execution phase yaitu : console.log(value) lalu dicari keluarlah ketemu let value = 1; kira-kira begitu, jika penjelasan ini agak membingungkan kalian bisa menggunakan pemahaman cara kerja eksekusi Javascript yaitu dari "Atas ke Bawah, Kiri ke kanan" mungkin itu saja yang mau tambahin jika bingung dengan penjelasan saya boleh dicari tau lagi lebih dalam tentang konsep hoisting ini karena menurut saya konsep hoisting ini berguna untuk pemahaman kedepannya lagi. Sekian Terimakasih.

[@Rezthm]

Akhirnya bisa paham konsep hoisting dan scope pada js berkat video ini, sblumnya saya sempat bingung knp function saya dpt d panggil sebelum saya inisialisasi function, dan akhirnya terjawab disini, makasih pak

[@felixsavero4656]

Video ini saya ulang" sampai 1 jam lebih baru paham wkwkw. Makasih pak

[@MuhammadYusuf-mw9bo]

daging banget ini mah pak.. hormat kpada suhu , makasih ilmunya ❤

[@footballistaedit25]

Akhirnya setelah looping video ini 3x, saya paham juga. Makasih banyak, Pak

[@gmbnuts6617]

wahh mantul bgt nih video nya pak, yang saya tangkep nih pak dari video bapak.... berarti penyebab terjadinya hoisting undefined itu dikarenakan menggunakan keyword VAR dan ketika keyword VAR tsb diganti menjadi LET atau CONST maka tidak akan terjadi hoisting

[@sonyarianto]

this is core of the core ini, good job explaining pak

[@oka1414]

lanjutin seri laravelnya dong pak dika, huhu

[@edvinmegantara1184]

Terima kasih pak dika untuk sharing ilmunya semoga menjadi amalan yang pahalanya tidak akan putus. Aamiin

[@TegarFauzan-u6u]

Intinya execution konteks itu dia punya wadah yang wadahnya itu analoginya undefined, dan suatu saat nanti wadah itu bakal diisi oleh variabel (mamamnya) dan suatu saat nanti itu juga bisa terisi ke fungsi (wadah terbesar) ,khusus fungsi wadahnya itu berbentuk memanjang yang nanti diisi mangkuk yg di danamain undefined yg mangkuk nama undefined itu berisi variabel (mamamnya), manggilnya ya harus mangkuk terkecil dulu yang terisi baru yang terbesar atau yang panjang itu alias function, kalo masalah scope, nggk papa nggk ada parameter yg penting argumennya kasih indexs, bisa jadi gantinya parameter yg nggk ke tulis, kalo scope kayaknya function menguasai seperti window atau this, dia mengusai sebuah kota bukan negara, karena negara sudha di kuasai window atau this

[@madebadrunaim9984]

Mantap ente filosofis banget bung

[@Adrenalin-77]

Bener sih bg, cuma kamu mikir nya ribet banget😂, padahal bisa dialurin cara simple aja

[@fyfirman]

lanjutt pakk, mantap sekali sampe ada latihannya segala :) -salam dari tanah padjadjaran

[@morris3648]

ngikutin sampe seri ini , semoga istiqomah sampe ke dom, semangat terus pak

[@alimassidik3541]

Dom dlu baru kesini pak

[@dwimuji]

di sini banyak ilmu baru yang saya dapat, terima kasih pak guruku, biarpun hanya guru lewat yutub :D

[@lorens4576]

sama brow

[@namasayadenis]

Terima kasih pak dhika buat penjelasannya. Alhamdulillah saya migrain

[@syariftaufikhidayat4158]

cuman nebak hasil latihannya dan bener rasanya kok seneng .....

[@namikazedevj46]

magic ya bro

[@epsilon9745]

Ditonton 2x baru mudeng. Terimakasih pak dika :)

[@Sufyan35]

mulai puyenggg bapak duh.. detil bangett . hhe

[@syofiazmi]

ulang-ulang beberapa kali videonya, baru faham 🤣

[@suckid]

bapak debest asleee.

[@rizkyjubair1093]

nonton ampe 3x baru paham, terimakasih ilmunya pak

[@marlinamukti917]

ini tuh debugging kaya di C# ya versi javascript 😊 keren

[@adektavianoarrahman2234]

mudah dimengerti ,matep pak dika kalau yang menjelaskan

[@ihsanalii_]

Kasian Doddy, selalu ada tapi gadiajak main :( Thank you penjelasannya pak DIka!

[@Adrenalin-77]

Ngakak😂

[@Jho-yl5uy]

Pak Share buku Untuk PHP dan Js. Yang paling mantap.

[@faledemy]

Udh 3x balik blm paham tetep semangat broo mengulang lagi:)

[@PemulaCoding]

Gimana sekarang, udah aga terang terang belum?

[@sultanazai6188]

Pak request react js.

[@aryaadinulfadlan8998]

tolong lanjutin laravel nya Pak, hehehe saya selalu nonton iklannya Pak, walaupun pake kuota.

[@danaharley3565]

download dlu lah, nontonnya nnti pulang kerja hehe

[@malvinval]

udah pulang kerja belom bang ?

[@MpSong-re8wq]

Gk ada iklannya .. mantap pak :( .. mkasih tutornya

[@nateenese]

Terima kasih Pak Dhika ilmu nya ;D

[@mesakhlolo8611]

pusing belajar javascript wkwk. tapi harus paham konsep dlu biar bisa belajar node.js. SEMANGAT!

[@rizkyyadit]

Gimana bang udh 2 bln paham ga ya gua udh mau sebulan muter2 in ni playlist tau doang fundamental tpi pas diaplikasikan ke codingan bengong ga tau mau ngpain🥲

[@clwbola4826]

gimana skarng?@@rizkyyadit

[@Zaenrl]

bang gimana sekarang?

[@noviamarsheila6416]

Terimakasih banyak pak 😍 alhamdulillah sedikit pusing :)

[@fatagaming5146]

demi apa, bener dong!!, hahahaha seneng banget

[@muhammadjauhar1550]

Mau tanya pak saya membuat website yang isi konten nya bisa di ganti dari web admin dan hasilnya success,tetapi isi konten yang tampil tidak mau enter kebawah memanjang terus.solusinya gimana pak? Pakek boostrap dan sudah aku kasih row dan col yang sudah saya batasi dengan lg-8,tetapi masih tembus isi konten nya tidak mau ke bawah malah memannjang terus.

[@rmvg8639]

pak tolong buat video penjelasan soal perbedaan javascript, ajax, json, jquery. serta kapan kita harus menggunakannya.

[@andikautama5195]

jadi gini ...

[@noviamarsheila6416]

@@andikautama5195 oala gitu, tq y

[@uaoumoe]

Sehat terus kang dika 👍🏽

[@codeplug756]

Coba share ilmu Getter setter di javascript karna itu sangat bermanfaat

[@hasanismail5902]

Alhamdulillah dapat pencerahan

[@mohlutfifauzi5113]

nunggu seri react.js nya :)

[@wibowomuhmmad]

Day -2

[@williamphilip6893]

First langsung nyimak pa dhika

[@fatkur]

meleset di undefinded pak hehe

[@jovankaalexand2154]

Makasih pak, Paham bngt❤️

[@akhmadnurmuhammad7148]

buset isinya ilmu doang makasih bang

[@kurniawandwipras8013]

Intinnya jangan pake var kalo gamau undifined

[@muhammadhafis577]

Pak Tolong Buat Series Tentang Android Trims...

[@posyanduintegrasi762]

kalo masalah function agak paham pak namn kalo detail agak pusing pak wkkwkww tks pak dika

[@nisaandriyani2985]

Kak mau tanya kenapa ya waktu buat website portfolio Carousel tiba2 ga jalan semenjak pake paralax . Tadi nya jalan Carousel nya tapi pas pake paralax ko malah gajadi ya. Maaf kalo melenceng nanya nya. Nuhun :)

[@sharifgaming8383]

Mantap pak!!!

[@erlanggarizky4216]

erlangga_hadir

[@wibowomuhmmad]

Js emg gtu ya? Bisa akses global variabel dari local scope? seperti function gtu 😅

[@rizkylarena6294]

pak dika, bikinin tutorial cara upgrade xampp ke versi yang baru dong pak, saya masih pakai xampp versi lama, ingin upgrade ke versi yang terbaru, tapi tanpa menguninstal xampp yg versi lamanya, karena di folder htdocs saya banyak project web, dan kalau di copy dulu lama prosesnya

[@rizkylarena6294]

@@galihindra5901 siap kang makasih infonya kang

[@lockwoodcomputer2426]

fungsi dua() nyari variabel global ke arah bawah juga toh, ga hanya ke arah atas

[@malvinval]

iya, variabel global kan variabel yang berada diluar block scope function baik itu ke arah atas maupun ke arah bawah.

[@muhammadariyadi3037]

nanti jquery lebih dalam kemaren php dasasr cuman sdkt

[@guramezuku2294]

Makasih pak Dhikaa

[@reika6322]

Sangat unik ini javascript 😂

[@farhan_2467]

mantap, lanjutkan pak...

[@jufri17]

export import excel codeigniter dong pak.. 😊

[@imd4766]

jadi hayong kuliah di unpas iye teh ,,,wkwk

[@nabillaaaaa]

Terima kasih pak

[@isengproject6551]

console.log('hallo ${nama}') gak bisa nampilin isi variabel namanya pak

[@aryayunanta1470]

terimakasih pak

[@fanydifia9977]

lanjutken pak

[@nicoa.p.115]

Pak dika izin nanya, apa ini yang sering di sebut dengan call stack ya? atau jangan-jangan beda lagi call stack dengan yang ini? hehe makasih sebelumnya...

[@homeofstasis]

Daebak

[@mirzarakhadwipradana5144]

pak sandy tutorial golang dong pak

[@Pipinsuhaipin]

Lanjut pak

[@semuthitam2211]

react nya dong heheeh

[@apin4125]

Lanjut laravel pak

[@rmvg8639]

pak saya mau nanya. bisa tidak satu aplikasi web terhubung ke 2 database atau lebih. mis: saya punya satu toko online, tapi saya mau buat dua database cth : db_tokoonline1 dan db_tokoonline2. tapi keduanya bisa terhubung. misalnya saya sbg admin update data barang di table yang berada di database db_tokoonline1, table yang sama di database db_tokoonline2 bisa terupdate jg secara automatis. kira" gmn itu pak>? makasih sebelumnya!!

[@ihsannurulhabib9729]

Pertamax pak

[@esportschannel9896]

Pak boleh bagi file mentahan desain kaos nya gk Saya mau nyetak buat pribadi aja pak tidak untuk d jual belikan 🙏 Kelihatannya keren pak Saya ngefans pisan Hatur nuhun Brebes, 3 september 2019 13:18

[@sandhikagalihWPU]

Sabar ya, nanti saya bakalan jual sebagai merchandise

[@nisaarynt6073]

Masukin Tokopedia pak :)

[@esportschannel9896]

Ok pak Di tunggu ya pak infonya Saya selalu nyimak tanpa skip iklan sebagai rasa terima kasih 🙏

[@altruis4445]

Lebih enak yg mana antara Dreamweaver dengan visual studio code ya ?

[@anahdagussandi5432]

Vs code gan

[@altruis4445]

@@anahdagussandi5432 thanks gan

[@malvinval]

vscode

[@kumpul4semut]

Semut hadir

[@DavidRizal]

Of Kumpul4semut ,wew gunn disini

[@kumpul4semut]

@@DavidRizal hehe nongkrong ditempat rame gan 🤣

[@DavidRizal]

Of Kumpul4semut ,wasyuuuu😂

[@muhammadsupriyadi1622]

cukup kah membuat website yang keren dengan html,css dan js mas Sandhika??

[@wahyunurarizky3860]

Sepertinya cukup, kalau hanya website statis

[@malvinval]

sangat cukup untuk web statis, responsif, dan bisa full transisi & animasi.

[@aryaadinulfadlan8998]

judul lagu closing nya apa pak? bagi yg tau mohon info

[@akhwanstudio]

anti skip iklan club-club mana suaranya

[@anggabanny]

reactnya dong pak nanggung ilmunya.. udh gatel nih pak wkwkw

[@Anugrahdev]

node js dong bang hehe

[@miyangapak]

Gimna si biar scripp php sama pythpn itu mmemecahkan r3capcha

[@k0kuyo133]

suara bapaknya bikin ngantuk euy hahahahah

[@kyousukehasegawa6886]

mulai 23:25 mengenai scope saya sudah cukup paham. ada yg bisa kasih contoh lainnya yg mudah dimengerti ga, hoisting itu seperti apa?

[@whisnuys9030]

contoh 1 - terjadi hoisting a = 11; //memasukkan nilai 11 ke a console.log(a); //menampilkan nilai var a; //deklarasi a contoh 2 var a; //deklarasi a a = 11; //memasukkan nilai 11 ke a console.log(a); //menampilkan nilai output contoh 1 dan 2 akan sama, karena pada contoh no 1 deklarasi variabel "a" seolah olah "ditarik" atau dipindahkan ke bagian paling atas (jika salah mohon dikoreksi :D)

[@salehaputrid]

Assalamualaikum pak, saya mau bertanya kenpa ya dikode editor saya yg di bagian jQuery nya slalu ga muncul hasil nya di console misalnya: ${nama} nnti ga muncul namanya pak tapi yg muncul tetep itu diconsolenya mohon penjelasan nya pak

[@malvinval]

coba menggunakan ${this.nama}, mungkin itu karena kamu akses variabel local milik suatu function dan kamu akses lewat global dan jangan lupa gunakan backtick.

[@syipanusantaraenergi5355]

gak pake this kali itu mbak

[@fauzan5448]

wah pusing saya!

[@muhammadyusril7231]

Sya jurusan sistem informasi Rekomendasi bhs program yg cocok untuk jurusan saya

[@batukel_dev]

Semua bhs pemograman

[@muhammadyusril7231]

@@batukel_dev yang untuk pemula ada gk ?

[@batukel_dev]

Php dan html aja dulu

[@muhammadyusril7231]

Mksih info y kak

[@batukel_dev]

Sama² sobat..

[@taraalsyah267]

Pak brarti JavaScript gk bisa rekursif ya?

[@fahmy4you]

9:59 Dari Piton tutor :v aowkwkwk

[@riswandisinurat1462]

Asekk

[@thoriqadillah7780]

9:36 pak, itu caranya mindahin syntax pake keyboard gimana pak?

[@nasnaimaurayasmin5140]

Pilih line code yang mauu dipindah trus tahan alt + arah atas bawah aja

[@malvinval]

alt + arrow

[@faldinurikhsan5048]

Kenapa bisa undefined ? karena, 09:00

[@codeplug756]

Saran saya nested function/fungsi di dalam fungsi tidak di anjurkan gan karna lemot gan saya pernah baca2 Contoh lemot: Function a(){ Function b(){ } } Yang di anjurkan seperti ini Contoh cepet: Function a(){ b() } Function b(){ }

[@davidmahbubi]

Makasih gan

[@baraaksayeth7831]

Font vs codenya apa pak?

[@miyangapak]

Bang beh nanaya ga

[@naufalpalembang]

Halo, nama saya $(nama), saya $(umur) tahun., kok munculnya seperti ini pak?

[@mgaming6286]

sepertinya pakai kurung kurawal. `Halo, nama saya ${nama}, saya ${umur} tahun.`

[@malvinval]

return `Halo, nama saya ${nama}, saya ${umur} tahun.`;

[@nadyapuspita9015]

Itu pake aplikasi apa?

[@malvinval]

visual studio code