Mari belajar beberapa fundamental javascript inti yang harus diketahui pengembang. Bahasa pemrograman yang ditafsirkan ini banyak digunakan untuk mengembangkan aplikasi tingkat perusahaan.

Konsep Dasar JavaScript

Ringkasan

JavaScript adalah bahasa skrip yang digunakan untuk mengembangkan aplikasi berbasis web yang dinamis. Kami menggunakan HTML dan CSS untuk membangun situs web statis sedangkan JavaScript digunakan untuk menambahkan interaktivitas. Dalam posting blog kami sebelumnya, kami membahas Model Objek Dokumen dan sekarang kami akan membahas beberapa konsep dasar JavaScript penting lainnya . Pengembang web cenderung memilih bahasa skrip ini karena fitur dan kerangka kerja yang kaya. Selain itu, Anda dapat melakukan pengembangan di ujung depan dan belakang dengan mempelajari JavaScript. Namun, Anda tidak hanya tidak hanya mengembangkan aplikasi web tetapi juga aplikasi seluler. Tutorial JavaScript ini akan membantu Anda jika Anda mempersiapkan diri untuk sesi wawancara. Namun demikian, panduan ini layak dibaca untuk menambah lebih banyak ke ember pengetahuan Anda. Kami akan membahas poin -poin berikut dalam artikel ini:

Apa yang Diangkat dalam JavaScript

Fenomena fungsi pengambilan atau deklarasi variabel di atas ruang lingkup saat ini dikenal sebagai pengangkat. Ini adalah konsep yang sangat kritis dan sebagian besar pengembang JavaScript tidak menyadarinya. Namun, hal penting yang perlu diperhatikan di sini adalah bahwa hanya deklarasi fungsi/variabel yang diambil ke atas, bukan inisialisasi fungsi/variabel. Mari kita ambil contoh dan lihat cuplikan kode di bawah ini;

printResults();
function printResults(){
    console.log("hello programmers")
}
// output: hello programmers

Dalam contoh kode di atas, kami membuat panggilan fungsi sebelum deklarasi fungsi tetapi meskipun kode berhasil dijalankan dan itu karena JavaScript mengangkat. Pada dasarnya, selama waktu kompilasi, JavaScript Interpreter memindai kode, mengumpulkan semua fungsi/variabel, dan memasukkannya ke dalam memori yang disebut lingkungan leksikal. Hal yang sama terjadi dengan variabel.

name = "mustafa";
console.log(name);
var name;

Demikian pula, inisialisasi variabel nama telah dilakukan sebelum deklarasi, dan kode berfungsi tanpa kesalahan. Sekali lagi, selama waktu kompilasi, juru bahasa JS melihat ke lingkungan leksikal untuk menemukan deklarasi variabel dan karenanya mengeksekusi kode tersebut. Jadi, jika Anda mendeklarasikan variabel dengan kata kunci Let and Const, JavaScript akan mengangkatnya sedikit berbeda.

name = "mustafa";
console.log(name);
let name;
// Uncaught ReferenceError: Cannot access 'name' before initialization

Kesalahan dalam cuplikan kode di atas terjadi. Alasannya adalah bahwa inisialisasi tidak dilakukan saat mengangkat variabel ini. Singkat cerita, semua deklarasi diinisialisasi dengan “tidak terdefinisi” sementara variabel dinyatakan dengan “let” atau “const” tidak diinisialisasi dalam pengangkatan.

Lingkup di JavaScript

Lingkupnya adalah salah satu konsep dasar JavaScript yang harus diketahui pengembang. Namun, bekerja dengan lingkup JavaScript tidak mudah dan sedikit berbeda. Oleh karena itu, ada tiga jenis lingkup di JavaScript dan ini adalah sebagai berikut: Block-level : Variabel dinyatakan dengan “let” atau “const” berisi ruang lingkup level blok.

if(true){
  let a = 1;
}
// a is not accessible outside the curly braces.

Variabel “A” tidak dapat diakses di luar kawat gigi keriting {} karena memiliki ruang lingkup level blok. Level Fungsi : Variabel yang dinyatakan di dalam fungsi JavaScript memiliki ruang lingkup lokal.

function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is not accessible outside the function.

Suatu hal yang penting untuk dicatat di sini adalah bahwa variabel yang dinyatakan dengan “let” “const” dan “var” memiliki ruang lingkup fungsi di dalam tubuh fungsi. Global-level : Variabel yang dinyatakan di luar fungsi menjadi variabel global. Tidak peduli apakah Anda telah mendeklarasikannya menggunakan “let”, “const” atau “var” kata kunci. Selanjutnya, variabel menjadi variabel global jika dideklarasikan tanpa menggunakan kata kunci apa pun seperti yang ditunjukkan pada cuplikan kode di bawah ini:

function innerFunc(){
        last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is accessible outside the function too and is of global scope

Penutupan JavaScript

Ini adalah konsep penting lain yang memperkuat pengetahuan JavaScript Anda tentang lingkup dan enkapsulasi data. Dalam bentuk paling sederhana, fungsi di dalam fungsi dikenal sebagai penutupan. Anda dapat menyebut fungsi dalam sebagai penutupan. Fungsi batin ini memiliki tiga jenis ruang lingkup:

  • Memiliki ruang lingkup level blok sendiri.
  • Ini memiliki akses ke variabel orang tua.
  • Variabel dalam ruang lingkup global juga dapat diakses di dalam penutupan. Mari kita lihat cara membuat penutupan:
 function myFunction(){
    let first_name = "mustafa";
    function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+first_name+" "+last_name);
    }
    return innerFunc()
}
myFunction()
// output: hello mustafa ashraf

Variabel first_name dapat diakses di dalam fungsi bernama InnerFunc tetapi fungsi induk tidak dapat memiliki akses ke variabel last_name. Perilaku ini memungkinkan pemrogram membuat variabel pribadi dalam rantai lingkup.

Kesimpulan

Kami mengakhiri panduan JavaScript ini di sini dan berharap Anda memiliki pemahaman yang lebih baik tentang konsep dasar JavaScript . Selain itu, kami juga telah melalui penutupan javascript, lingkup di JavaScript , dan mengangkat. Ada banyak konsep penting lainnya yang wajib untuk pemula. Jadi, artikel ini akan membantu Anda jika Anda berkembang untuk meningkatkan atau menyegarkan konsep JavaScript Anda. Selain itu, Anda dapat melalui posting blog yang disebutkan di bagian “Lihat juga”.

Terhubung dengan kami

Akhirnya, containerize.com menawarkan tutorial JavaScript yang sedang berlangsung tentang berbagai topik menarik. Anda dapat tetap berada di loop dengan mengikuti kami di platform media sosial kami, termasuk Facebook, LinkedIn, dan Twitter.

Berikan pertanyaan

Anda dapat memberi tahu kami tentang pertanyaan atau pertanyaan Anda di [forum] kami 9.

FAQ

Apa konsep penting untuk dipelajari dalam JavaScript? Silakan ikuti [panduan] pemula JavaScript ini 2 untuk mengetahui konsep dasar JavaScript.

Lihat juga