50 Pertanyaan & Jawaban Wawancara Javascript Paling Diajukan [2022]

Pertanyaan dan Jawaban Wawancara Javascript

Pada artikel ini, kami telah menyusun Pertanyaan Wawancara JavaScript yang paling sering ditanyakan. Pertanyaan-pertanyaan ini akan memberi Anda kenalan dengan jenis pertanyaan yang mungkin ditanyakan pewawancara selama wawancara Anda.
JavaScript adalah bahasa scripting yang sangat berguna dalam pengembangan web. Brendan Eich mengembangkan JavaScript pada tahun 1995 dan digunakan oleh raksasa seperti Facebook dan Google. Sangat tidak mungkin untuk memahami keserbagunaan JavaScript. Pewawancara selalu berusaha mengukur pengetahuan calon karyawan sebelum menyerahkan surat penunjukan kepada mereka.

Jadi, penting untuk memoles pengetahuan JavaScript Anda. Berikut adalah beberapa pertanyaan wawancara Javascript yang dapat ditanyakan pewawancara jika Anda akan wawancara.

Pertanyaan dan jawaban wawancara javascript telah dibagi menjadi tiga kategori:

• Level pemula
• Tingkat menengah
• Tingkat Lanjut

Pertanyaan dan jawaban wawancara Javascript – Level Pemula

Q1. Bagaimana JavaScript dan Java berbeda satu sama lain?

Javascript adalah bahasa pemrograman berorientasi objek atau bahasa skrip OOP. Java adalah bahasa pemrograman berorientasi objek atau bahasa pemrograman OOP

JavaScript hanya dapat dijalankan di browser. Java membantu dalam membuat aplikasi yang dapat dijalankan di browser atau mesin virtual.

JS disajikan dalam bentuk tekstual. Java membutuhkan kompilasi

Q2. Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang ringan dan ditafsirkan dengan kapasitas berorientasi objek. Ini membantu Anda mengembangkan interaktivitas menjadi halaman HTML statis..

Q3. Tipe data apa yang didukung JavaScript?

Ada beberapa tipe data yang didukung JavaScript, yaitu:

• Boolean
• Batal
• Rangkaian
• Tidak terdefinisi
• Simbol
• Obyek
• Nomor
  
  

Q4. Apa saja fitur yang berbeda dari JavaScript?

• Javascript adalah bahasa pemrograman yang ringan dan ditafsirkan.
• Ini telah dirancang untuk membuat aplikasi yang berpusat pada jaringan.
• Ini melengkapi Java dan terintegrasi dengannya.
• JavaScript adalah bahasa skrip lintas platform dan terbuka.

Q5. Apakah JavaScript peka huruf besar/kecil?

Ya, JavaScript peka huruf besar/kecil.

Q6. Apa kelebihan yang dimiliki JavaScript?

Beberapa keuntungan adalah:

• Interaksi yang lebih rendah dengan server : Dengan bantuan JavaScript, Anda akan dapat memvalidasi input berbasis pengguna apa pun sebelum Anda mengirim halaman ke server.
• Umpan balik instan kepada pengunjung : Pengunjung dapat segera mengetahui apakah mereka lupa memasukkan sesuatu bahkan sebelum halaman dimuat ulang.
• Peningkatan Interaktivitas : Dengan JavaScript, Anda dapat membuat antarmuka berbeda yang dapat bereaksi setelah pengguna mengarahkan mouse ke atasnya atau menggunakan keyboard untuk mengaktifkannya.

Q7: Bagaimana cara membuat objek menggunakan JavaScript?

Karena JavaScript adalah bahasa pemrograman scripting berorientasi objek, ia mendukung konsep Object. Dengan menggunakan Object literal, Anda dapat membuat sebuah objek.

Q8. Bagaimana cara menggunakan JavaScript untuk membuat Array?

Jika Anda ingin mendefinisikan array dalam JavaScript, Anda dapat melakukannya dengan menggunakan literal array. Contoh:

varx = [];

var y = [1, 2, 3, 4, 5];

Q9. Apa nama fungsi dalam JavaScript dan bagaimana Anda bisa mendefinisikannya?

Fungsi bernama dalam JavaScript mendeklarasikan nama setelah didefinisikan. Contoh:

fungsi bernama(){

// tulis kode disini

}

Q10. Bisakah seseorang menetapkan fungsi anonim ke variabel dan kemudian meneruskannya sebagai argumen ke fungsi lain?

Dengan Javascript, dimungkinkan untuk menetapkan fungsi anonim ke variabel dan meneruskannya sebagai argumen di fungsi lain.

Q11. Dalam JavaScript, apa itu objek argumen dan bagaimana Anda bisa mendapatkan tipe argumen yang diteruskan ke suatu fungsi?

Argumen variabel dalam JavaScript mewakili argumen yang diteruskan ke suatu fungsi. Anda dapat menggunakan operator typeof untuk mendapatkan tipe argumen.

Q12. Dalam JavaScript, apa cakupan variabel?

Lingkup variabel berarti wilayah program Anda di mana ia didefinisikan. Ada dua ruang lingkup:

• Variabel Global: Variabel global memiliki cakupan global yang berarti akan terlihat di mana-mana dalam kode Anda.
• Variabel Lokal: Variabel lokal hanya akan terlihat dalam fungsi yang telah didefinisikan.

Q13. Apa yang dilakukan operator 'Ini' dalam JavaScript?

Kata kunci 'Ini' yang digunakan dalam JavaScript berbicara tentang objek yang menjadi miliknya. Ini memiliki banyak nilai yang berbeda dan itu tergantung di mana ia digunakan.

Q14. Apa yang disebut sebagai 'Panggilan Balik'?

Panggilan balik adalah fungsi JavaScript yang diteruskan ke beberapa metode sebagai opsi atau argumen. Callback adalah fungsi yang perlu dijalankan setelah fungsi lain selesai dieksekusi.

Q15. Definisikan Penutupan?

Penutupan dikembangkan ketika variabel tertentu didefinisikan di luar lingkup saat ini dan diakses dari dalam dengan beberapa lingkup dalam.

Q16. Apa saja metode bawaan dalam JavaScript dan nilai apa yang dikembalikan olehnya?

Beberapa metode bawaan dan nilai yang dikembalikan olehnya adalah:

Concat() membantu untuk menggabungkan dua atau lebih dari dua string

CharAt() membantu mengembalikan karakter pada indeks tertentu

forEach() membantu memanggil fungsi untuk setiap elemen yang ada dalam array

length() membantu mengembalikan panjang string

indexOf() membantu mengembalikan indeks di dalam objek String panggilan dari kemunculan pertama dari nilai tertentu

push() membantu menambahkan satu atau lebih dari satu elemen ke akhir array dan kemudian mengembalikan panjang baru array itu

pop() membantu menghapus elemen terakhir dari array dan mengembalikan elemen itu

reverse() membantu membalikkan urutan elemen array

Q17. Apa sajakah konvensi penamaan variabel dalam JavaScript?

Beberapa aturan adalah:

• Seseorang tidak boleh menggunakan kata kunci khusus JavaScript sebagai nama variabel.
• Nama variabel dalam JavaScript tidak boleh dimulai dengan angka yang berada dalam 0-9.
• Nama variabel dalam JavaScript peka huruf besar/kecil.

Q18. Apa pekerjaan dari Operator TypeOf?

Operator typeof dapat digunakan untuk mendapatkan tipe data dari operandnya. Operan yang ditentukan dapat berupa struktur data atau literal seperti fungsi, objek, atau variabel.

Q19. Bagaimana Anda bisa membuat cookie dengan bantuan JavaScript?

Anda dapat membuat cookie di JavaScript hanya dengan menetapkan nilai string ke objek document.cookie.

Sintaksnya:

document.cookie = “kunci1 = nilai1; kunci2 = nilai2; kadaluarsa = tanggal”;

Q20. Bagaimana Anda bisa menggunakan JavaScript untuk membaca cookie?

Anda dapat membaca cookie semudah membuat cookie di JavaScript karena sebenarnya itu adalah nilai dari objek document.cookie. Jika Anda ingin mengakses cookie tertentu, Anda dapat menggunakan string ini kapan saja.

• Dengan menggunakan string document.cookie, Anda dapat menyimpan daftar pasangan nama – nilai yang dipisahkan oleh titik koma, di mana nama sebenarnya adalah nama cookie dan nilainya adalah nilai string.
• Anda juga dapat menggunakan fungsi split() string untuk memecah string menjadi nilai dan kunci.

Q21. Bagaimana Anda bisa menggunakan JavaScript untuk menghapus cookie?

Jika Anda ingin menghapus cookie sehingga setiap upaya selanjutnya yang dilakukan untuk membaca cookie tidak akan mengembalikan apa pun, maka, Anda harus menyetel tanggal kedaluwarsa cookie ke masa lalu.

Mari kita lanjutkan ke pertanyaan wawancara javascript tingkat menengah yang akan benar-benar menguji pengetahuan JavaScript Anda.

Pertanyaan dan jawaban wawancara Javascript – Tingkat Menengah

Q22. Bagaimana Atribut berbeda dari Properti?

Atribut memberikan lebih banyak detail elemen seperti tipe, id, nilai, dll.

Properti adalah nilai spesifik yang diberikan ke properti. Misalnya, value = 'Name', type = “text”, dll.

Q23. Berikan daftar berbagai cara menggunakan elemen HTML mana yang dapat diakses dalam kode JavaScript?

Beberapa cara adalah:

• getElementById('idname'): Dengan menggunakan metode ini, Anda bisa mendapatkan elemen dengan nama ID elemen.
• getElementsByClass('classname'): Dengan menggunakan metode ini, Anda bisa mendapatkan semua elemen yang memiliki nama kelas tertentu.
• getElementsByTagName('tagname'): Dengan menggunakan metode ini, Anda bisa mendapatkan semua elemen yang memiliki nama tag tertentu.
• querySelector(): Fungsi querySelector() mengambil pemilih gaya css dan mengembalikan elemen yang dipilih pertama.

Q24. Apa perbedaan cara kode JavaScript dapat terlibat dalam file HTML?

Tiga cara berbeda:

• Di barisan
• Luar
• Intern

Fungsi JavaScript yang dikenal sebagai fungsi sebaris ditugaskan ke variabel yang dibuat saat runtime. Di sisi lain, jika Anda memerlukan JavaScript untuk fungsi, Anda dapat mengintegrasikan skrip pada halaman tempat Anda bekerja atau Anda dapat menempatkannya sebagai file terpisah yang dapat dipanggil, bila diperlukan. Ini pada dasarnya, menjadi perbedaan antara skrip eksternal dan internal.

Q25. Apa saja cara berbeda yang dapat Anda gunakan untuk mendefinisikan variabel JavaScript?

Ada 3 cara:

• Var – Pernyataan variabel JavaScript membantu mendeklarasikan variabel. Atau, ini juga dapat digunakan untuk menginisialisasi nilai variabel tertentu.
• Const: Fungsi const digunakan agar tidak memungkinkan modifikasi objek yang dipanggil. Jadi, ketika suatu fungsi dikatakan sebagai const, fungsi tersebut dapat dipanggil pada semua tipe objek.
• Let: Let digunakan sebagai sinyal yang menunjukkan bahwa suatu variabel dapat dipindahkan, seperti penghitung dalam loop atau pertukaran nilai dalam suatu algoritma.

Q26. Apa itu bahasa yang diketik?

Dalam Bahasa Ketik, nilai dikaitkan dengan nilai saja. Mereka tidak terkait dengan variabel. Ada dua jenis Bahasa Ketik:

Dinamis: Untuk bahasa yang Diketik Secara Dinamis, variabel dapat menampung beberapa jenis.

Statis: Dalam bahasa yang Diketik Secara Statis, variabel hanya mampu menampung satu jenis.

Q27. Bagaimana Penyimpanan Lokal berbeda dari Penyimpanan Sesi?

Penyimpanan Lokal – Dalam penyimpanan lokal, data tidak akan dikembalikan ke server pada setiap permintaan HTTP (gambar, HTML, CSS, JavaScript, dll). Ini membantu untuk mengurangi lalu lintas antara server dan klien.

Penyimpanan Sesi - Penyimpanan Sesi sangat mirip dengan penyimpanan lokal. Namun, tidak seperti penyimpanan data di sistem lokal yang memiliki waktu kedaluwarsa, data yang disimpan menggunakan penyimpanan sesi akan dihapus setelah sesi halaman berakhir.

Q28. Apa perbedaan antara operator '==' dan '==='?

Perbedaan antara operator “==” dan operator '===' adalah bahwa yang pertama membandingkan variabel dengan membuat koreksi tipe. Jadi, jika Anda membandingkan angka dengan string dengan literal numerik, perbandingan tersebut dapat dilakukan menggunakan '==' tetapi tidak '==='. '===' memeriksa nilai dan tipe dua variabel.

Q29. Bagaimana perbedaan nol dan tidak terdefinisi?

Undefined mengacu pada variabel yang telah dideklarasikan tetapi penetapan nilai data belum dilakukan. Namun, null itu sendiri merupakan nilai penugasan.

Q30. Bagaimana tidak dideklarasikan dan tidak ditentukan berbeda?

Variabel yang tidak dideklarasikan adalah jenis variabel yang tidak ada dalam suatu program dan karenanya, tidak dideklarasikan. Jika program mencoba membacanya, akan ada kesalahan runtime. Variabel tidak terdefinisi adalah variabel yang dideklarasikan tetapi belum ada nilai yang diberikan padanya.

Q31. Sebutkan beberapa Kerangka JavaScript?

Kerangka kerja JavaScript berarti kerangka kerja aplikasi yang telah ditulis dalam JavaScript. Beberapa yang umum adalah:

• Reaksi
• sudut
• Vue

Q32. Bagaimana jendela JavaScript dan dokumen JavaScript berbeda satu sama lain?

Window adalah objek global dan memegang fungsi, variabel, lokasi dan sejarah.

Dokumen adalah bagian dari jendela dan dianggap sebagai properti dari jendela Javascript.

Q33. Apa perbedaan innerText dan innerHTML?

innerText – innerText tidak memproses tag HTML jika ditemukan di dalam string.

innerHTML – innerHTML memproses tag HTML jika ditemukan di dalam string.

Q34. Dalam JavaScript, apa yang dikenal sebagai event bubbling?

Penggelembungan peristiwa mengacu pada cara propagasi peristiwa tertentu di HTML DOM API. Ini terjadi ketika suatu peristiwa terjadi di dalam elemen di dalam elemen lain dan ketika kedua elemen memiliki pegangan yang terdaftar untuk acara tersebut. Ketika datang ke bubbling, peristiwa yang pertama kali ditangkap oleh elemen terdalam akhirnya diteruskan ke elemen luar.

Setelah eksekusi dimulai dari satu acara, itu keluar ke elemen induk. Setelah itu, eksekusi diteruskan ke elemen induk dan ini berlanjut hingga elemen tubuh.

Q35. Dalam JavaScript, apa itu NaN?

NaN adalah singkatan dari Not a Number. NaN selalu digunakan untuk membandingkan yang tidak sama dengan nomor apa pun, termasuk NaN itu sendiri. Oleh karena itu, umumnya digunakan untuk memunculkan kondisi kesalahan untuk fungsi apa pun yang dapat mengembalikan angka yang valid. Ketika string, misalnya, diubah menjadi angka dan jika tidak dapat dilakukan, maka NaN muncul.

Q36. Bagaimana tipe primitif/objek JavaScript melewati fungsi?

Tipe data primitif dilewatkan By Value sedangkan Objects dilewatkan By Reference.

• Dengan Nilai berarti mengembangkan salinan sd asli atau asli jika kembar.
• Dengan Referensi berarti membuat ALIAS dari yang asli atau asli. Anda dapat membandingkannya dengan nama panggilan umum.

Q37. Bagaimana cara mengubah string dari basis apa pun menjadi bilangan bulat menggunakan JavaScript?

Dengan menggunakan fungsi parseInt(), Anda dapat mengubah angka di antara basis yang berbeda.

Q38. Dalam JavaScript, apa hasil dari masalah: 2+5+“3”?

73. Karena 2 dan 5 adalah bilangan bulat, maka penjumlahan normal akan dilakukan. 3 namun adalah string dan karenanya, akan ada penggabungan. "" mewakili string.

Q39. Apa itu impor dan ekspor?

Impor dan ekspor berguna untuk menulis kode JavaScript modular. Itu dapat dibagi lebih lanjut menjadi beberapa file.

Anda sudah menguasai beberapa pertanyaan wawancara javascript yang sulit. Sekarang, saatnya untuk menyelam lebih dalam dan mencari beberapa pertanyaan dan jawaban wawancara javascript lanjutan.

Pertanyaan dan jawaban wawancara Javascript – Tingkat Mahir

Q40. Apa yang dikenal sebagai mode Ketat dan bagaimana Anda bisa mengaktifkannya?

Mode Ketat membantu Anda memeriksa kesalahan dalam kode Anda. Saat Anda menggunakan mode ketat, Anda tidak akan dapat menggunakan variabel yang dideklarasikan secara implisit dan Anda juga tidak dapat menetapkan nilai apa pun ke properti hanya-baca.

Jika Anda ingin mengaktifkan mode ketat, yang harus Anda lakukan adalah menambahkan "gunakan ketat" di awal program, fungsi, atau file.

Q41. Dalam JavaScript, apa gunanya kotak prompt?

Kotak prompt dalam JavaScript membantu pengguna untuk memasukkan dengan bantuan kotak teks. Metode prompt() membantu menampilkan kotak dialog yang meminta pengunjung untuk memberikan masukan.

Q42. Hasil apa yang akan keluar dari kode ini:

var Y = 1;

jika (fungsi F(){})

{

y += Tipe F;</span>

}

console.log(y);

1undefined akan menjadi output. Ini karena pernyataan kondisi if akan dievaluasi menggunakan 'eval' dan karenanya, eval(function f(){}) akan mengembalikan fungsi f(){} (true). Jadi, di dalam pernyataan if ini, seseorang akan mengeksekusi typeof f yang akan mengembalikan undefined karena kode pernyataan if dieksekusi pada saat run time. Dengan demikian, pernyataan yang ada di dalam kondisi if akan dievaluasi selama waktu berjalan.

Q43. Sebutkan perbedaan antara Apply dan Call?

Metode call() membantu memanggil fungsi yang memiliki nilai 'ini' yang diberikan dan argumen yang disediakan secara individual. Sintaksnya adalah:

fun.call(thisArg[, arg1[, arg2[, …]]])

Metode apply() digunakan untuk memanggil fungsi yang memiliki nilai 'ini' yang diberikan tetapi argumen disajikan sebagai array. Sintaksnya adalah:

fun.apply(thisArg, [argsArray])

Q44.Dalam JavaScript, bagaimana Anda bisa mengosongkan Array?

Ada beberapa metode untuk mengosongkan array. Mereka:

Metode 1:

daftar array = []

Jika Anda tidak memiliki referensi ke arrayList array asli, metode ini direkomendasikan. Namun, jika Anda sebelumnya telah mereferensikan array ini dari variabel yang berbeda, maka array referensi asli akan tetap tidak berubah.

Metode 2:

arrayList.length = 0;

Dengan menggunakan kode ini, Anda menyetel panjang larik ke 0 sehingga mengosongkannya dari semua pembaruan variabel referensi, kembali ke larik asli.

Metode 3:

arrayList.splice(0, arrayList.length);

Metode ini juga dapat digunakan untuk mengosongkan semua larik termasuk pembaruan semua referensi kembali ke larik asli.

Metode 4:

while(arrayList.length)

{

arrayList.pop();

}

Ini juga merupakan cara yang bagus untuk mengosongkan array tetapi ini bukan metode yang disarankan.

Q45. Output apa yang akan ditampilkan kode ini:

var Keluaran = (fungsi(x)

{

Hapus X;

kembali X;

}

)(0);

console.log(keluaran);

Hapus operator membantu untuk menghapus properti dari suatu objek. Dalam kode ini, x tidak digunakan sebagai objek tetapi variabel lokal. Hapus operator tidak berpengaruh pada variabel lokal.

Q46. Output apa yang akan ditampilkan kode ini:

var X = { Foo : 1};

var Keluaran = (fungsi()

{

hapus X.foo;

kembali X.foo;

}

)();

console.log(keluaran);

Keluaran tidak ditentukan. Hapus operator membantu untuk menghapus properti dari suatu objek. Dalam kode ini, x adalah objek dengan properti yang digunakan foo. Ini adalah fungsi self-invoking dan karenanya, seseorang akan menghapus properti foo dari objek x. Oleh karena itu, hasilnya tidak akan ditentukan.

Q47. Output apa yang akan ditampilkan kode ini:

var Karyawan =

{

perusahaan: 'xyz'

}

var Emp1 = Object.create(karyawan);

hapus Emp1.company Console.log(emp1.company);

Hasil = xyz. Dalam kode ini, objek emp1 menggunakan perusahaan sebagai properti prototipenya. Hapus operator tidak menghapus properti prototipe. Objek emp1 tidak memiliki perusahaan sebagai miliknya. Dimungkinkan untuk menghapus properti perusahaan dari objek Karyawan secara langsung dengan menggunakan Hapus Karyawan.perusahaan.

Q48. Output apa yang akan ditampilkan kode ini:

//nfe (ekspresi fungsi bernama)

var Foo = Bilah Fungsi()

{

kembali 7;

};

jenis Batang();

Keluaran = Kesalahan Referensi. Definisi fungsi hanya dapat memiliki satu variabel referensi sebagai nama fungsi.

Q49. Mengapa biasanya membungkus konten file sumber JavaScript dalam buku fungsi?

Banyak perpustakaan JavaScript menggunakan teknik ini. Ini membantu untuk mengembangkan penutupan di sekitar konten file yang membantu membuat ruang nama pribadi dan karenanya, menghindari bentrokan nama dengan modul dan pustaka JavaScript yang berbeda.

Q50. Dalam JavaScript, apa itu karakter pelarian?

Karakter melarikan diri membantu Anda menulis karakter khusus tanpa harus merusak aplikasi.

Dapatkan gelar Rekayasa Perangkat Lunak dari Universitas top dunia. Dapatkan Program PG Eksekutif, Program Sertifikat Tingkat Lanjut, atau Program Magister untuk mempercepat karier Anda.

Kesimpulan

Ini adalah beberapa pertanyaan wawancara javascript populer yang disediakan dalam berbagai kesulitan untuk membantu Anda menguasai wawancara. Memoles pengetahuan dasar dan lanjutan Anda tentang JavaScript menggunakan pertanyaan dan jawaban wawancara javascript ini adalah cara yang bagus untuk mendapatkan pekerjaan sebagai pengembang di perusahaan teknologi top mana pun.

Beberapa orang lebih menyukai sisi artistik dari pengembangan web dan beberapa lainnya lebih menyukai sisi teknis. Tapi ada kelompok orang ketiga yang tahu keduanya. Kelompok pertama adalah pengembang front-end, yang kedua adalah pengembang back-end, dan yang terakhir adalah pengembang full-stack.

Permintaan untuk full-stack developer sedang meningkat. Dan perusahaan sangat membutuhkan profesional berbakat yang dapat bekerja dengan HTML dan PHP.

Jika Anda tertarik untuk mempelajari lebih lanjut tentang pengembangan tumpukan penuh, lihat Program PG Eksekutif upGrad & IIIT-B dalam Pengembangan Perangkat Lunak Tumpukan Penuh yang dirancang untuk para profesional yang bekerja dan menawarkan 500+ jam pelatihan ketat, 9+ proyek, dan tugas, Status Alumni IIIT-B, proyek batu penjuru praktis & bantuan pekerjaan dengan perusahaan-perusahaan top.