Apa pertanyaan wawancara javascript?

JavaScript adalah salah satu bahasa pemrograman yang paling populer, dikembangkan oleh Brendan Eich pada tahun 1995 untuk membuat halaman web yang dinamis. Untuk membangun karir dalam pengembangan web, seseorang perlu memahami JavaScript secara mendetail dan mencari pertanyaan wawancara JavaScript untuk memecahkan wawancara

Show

Khawatir di mana mendapatkan pertanyaan wawancara JavaScript yang mendalam?

Jangan khawatir. Kami di sini untuk membantu Anda dengan pertanyaan wawancara JavaScript

Daftar di bawah ini mencakup semua yang ada tentang Pertanyaan Wawancara JavaScript

Pertanyaan Wawancara JavaScript untuk Mahasiswa Baru

1. Apa itu JavaScript?

JavaScript adalah bahasa skrip sisi klien dan juga bahasa skrip sisi server. Bahasa skrip ini dapat ditulis ke dalam halaman HTML (juga dapat menggunakan CSS untuk menata halaman), dan browser web memahami halaman tersebut

Bahasa skrip ini juga bertindak seperti bahasa pemrograman berorientasi objek tetapi bukan bahasa berorientasi objek berbasis kelas

2. Siapa yang mengembangkan JavaScript, dan apa nama depan JavaScript?

JavaScript dibuat oleh programmer Netscape, Brendan Eich

Dia mengembangkan bahasa skrip baru ini hanya dalam sepuluh hari

Pada saat diluncurkan, awalnya bernama Mocha, setelah itu dikenal sebagai Live Script dan kemudian dikenal sebagai JavaScript

3. Apa perbedaan antara Java dan JavaScript?

JavaJavaScriptJava adalah bahasa pemrograman lengkap yang dapat digunakan untuk pengkodean backend. JavaScript adalah program kode yang dapat diperkenalkan ke halaman HTML (atau dikenal sebagai bahasa skrip sisi server). Java adalah pemrograman berorientasi objek (OOPS) atau bahasa pemrograman terstruktur seperti C++ atau C dan. bersih. JavaScript adalah bahasa skrip sisi klien (tidak sepenuhnya OOP). Java membuat aplikasi yang berjalan di mesin virtual atau browserKode JavaScript hanya dijalankan di browser. Kode Java perlu dikompilasi Kode JavaScript semuanya dalam bentuk teks

4. Apa itu Tipe Data JavaScript?

Berikut ini adalah tipe Data yang ada di JavaScript

Pada dasarnya, ada dua jenis tipe Data JavaScript

  1. Tipe Data Primitif
  2. Tipe Data Non-Primitif
Tipe Data PrimitifTipe Data Non-PrimitifString. -String mewakili urutan karakter berarti kombinasi karakter, Ex. -'Halo'. Obyek. -Object mewakili contoh di mana kita semua dapat mengakses nomor anggota. -Angka mewakili nilai numerik, Ex. -2000. Himpunan. -Array mewakili 'sekelompok data tipe serupa. Boolean. -Boolean mewakili nilai Boolean, i. e. benar atau salah. RegExp. -Itu mewakili Ekspresi Reguler. Belum diartikan. -itu Mewakili nilai yang tidak ditentukan atau nilai yang tidak ditentukan. Batal. -Itu mewakili nilai nol berarti tidak ada nilai

5. Mengapa Kita Harus Mempelajari JavaScript?

JavaScript adalah salah satu dari tiga bahasa yang harus dipelajari semua pengembang web karena alasan berikut

  1. HTML digunakan untuk mendefinisikan konten halaman web. Ia juga dikenal sebagai kerangka halaman web
  2. CSS digunakan untuk menentukan tata letak atau memberi gaya pada halaman web, atau dikenal sebagai bentuk badan atau penutup kerangka.
  3. JavaScript untuk memprogram perilaku halaman web atau kemampuan kerja halaman web

6. Apa kegunaan dasar dari fungsi is NaN di JavaScript?

Fungsi mengembalikan nilai true jika argumennya bukan angka. Jika argumennya adalah angka, maka argumen itu kembali sebagai salah

7. Siapa yang lebih cepat di antara JavaScript dan ASP Script?

JavaScript lebih cepat

JavaScript lebih cepat karena, karena JS adalah bahasa sisi klien dan tidak memerlukan bantuan atau bantuan dari server web untuk mengeksekusi, tetapi di sisi lain, ASP adalah bahasa sisi server. Itu sebabnya ASP selalu lebih lambat dari JavaScript

JS sekarang juga dikenal sebagai bahasa sisi server bernama NodeJS

8. Apa yang Anda maksud dengan infinity negatif?

Infinity Negatif tidak lain adalah angka dalam JavaScript yang dapat diturunkan dengan membagi angka negatif dengan nol. Ini dapat dihasilkan oleh operasi aritmatika

9. Bisakah kita memecah Kode JavaScript menjadi beberapa baris?

Ya, Kita dapat memecah kode JavaScript menjadi beberapa baris;

Sebagai contoh,

document.write ("This is \a program");

Dan ketika Anda tidak berada dalam pernyataan yang kuat dan ingin mengubah ke baris baru, maka JavaScript mengabaikan jeda baris tersebut

Misalnya

var x=1, y=2,
z=x+y;
_

Kode di atas sempurna untuk pemahaman yang lebih baik, tetapi mungkin menghambat proses debug kami, jadi tidak disarankan untuk menulis

10. Apa itu variabel yang tidak dideklarasikan dan tidak ditentukan?

Ketika variabel tidak dideklarasikan dalam suatu program, maka itu dikenal sebagai Variabel yang Tidak Dideklarasikan

Jika tidak ada variabel dalam program kita dan program ingin membaca variabel tersebut, itu akan menghasilkan kesalahan runtime

Ketika ada deklarasi variabel yang tidak diberi nilai ke variabel di dalam suatu program dikenal sebagai Variabel Tidak Terdefinisi

Ketika sebuah program ingin membaca nilai variabel, maka nilai yang tidak terdefinisi dikembalikan

Pertanyaan Pengodean JavaScript

11. Tulis kode untuk menambahkan elemen baru secara dinamis di JavaScript?

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>

Ini adalah kode sederhana untuk menunjukkan cara menambahkan elemen baru secara dinamis

Jadi, pertama-tama kita mengatur boilerplate HTML atau struktur HTML. Setelah itu, kami menyebutkan atau menunjukkan kepada DOM bahwa itu adalah file JavaScript

Setelah itu, kita beri tahu fungsi addNode, lalu buat elemen p atau tipe paragraf, lalu buat simpul teks dengan menerapkan createTextNode (“Ini adalah simpul teks baru”);

For execution, we specify

dynamic

then we can process our program by document.getElementbyid (“Dynamic”); and append our p-type then the code will successfully be executed

12. Apa yang Anda maksud dengan variabel global?

Variabel yang tidak memiliki ruang lingkup atau tersedia sepanjang kode dikenal sebagai variabel Global

Untuk mendeklarasikan variabel lokal, kata kunci var digunakan. Ini juga berlaku untuk mendeklarasikan objek. Ketika ada komisi dari kata kunci var, maka variabel global dideklarasikan

Misalnya

// Declaration of a global globalVariable = "Test";

13. Apa itu kotak prompt?

Prompt adalah jenis kotak. Ini memungkinkan pengguna untuk memasukkan input mereka, menyediakan kotak teks, nomor, dan teks yang disediakan oleh label dan kotak

14. Apa yang Anda maksud dengan kata kunci 'ini' dalam JavaScript?

Dalam kasus Java, kata kunci 'Ini' digunakan untuk menunjuk ke objek saat ini, tetapi dalam JavaScript, kata kunci 'Ini' merujuk ke objek dari mana ia dipanggil

Dengan kata lain, kita dapat mengatakan bahwa kata kunci "ini" mengacu pada objek yang dimilikinya

Jadi, kata kunci 'ini' memiliki nilai yang berbeda menurut atau bergantung pada tempat penggunaannya

  1. Jika kita menggunakannya dalam suatu metode, this merujuk ke objek pemilik
  2. Jika sendirian, maka ini mengacu pada objek Global
  3. Jika digunakan dalam suatu fungsi, maka this mengacu pada objek global
  4. Jika digunakan dalam suatu fungsi, dalam mode ketat, maka ini tetap tidak terdefinisi
  5. Dalam suatu peristiwa, ini mengacu pada masing-masing elemen yang menerima peristiwa tersebut

Metode Call() dan apply() merujuk 'ini' ke objek apa pun

15. Jelaskan cara kerja pengatur waktu dalam JavaScript?

Pengatur waktu digunakan untuk mengeksekusi sedikit kode pada waktu yang ditentukan dan mengulangi sedikit kode dalam interval tertentu

Pekerjaan tersebut dilakukan dengan menggunakan fungsi setTimeout, setInterval, clear interval

Pengerjaan Fungsi

Fungsi setTimeout(function, delay) digunakan untuk memulai pengatur waktu, yang memanggil fungsi tertentu setelah penundaan yang disebutkan secara khusus

Fungsi setInterval(function, delay) digunakan untuk berulang kali menjalankan fungsi yang diberikan dalam penundaan tersebut dan hanya berhenti ketika dibatalkan

Fungsi clearInterval(id) menginstruksikan atau menunjukkan timer untuk berhenti (untuk menghentikan fungsi yang diberikan atau disebutkan)

Seluruh pengatur waktu dioperasikan dalam satu utas, dan karena acaranya mungkin menunggu atau mengantre, mereka menunggu eksekusi

16. Bagaimana kita Mendefinisikan komentar dalam JavaScript?

Untuk komentar satu baris. -"//" digunakan

Untuk komentar multi baris. -“/* digunakan untuk komentar multi-baris */”

17. Apa yang akan menjadi output dari kode di bawah ini?

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
_

Jwb. [0,1,10,22,3,4,6] dan [22,10,6,4,3,1,0]

Metode sort() mengurutkan elemen array. Urutan sortir dapat berupa abjad atau numerik, dan naik (naik) atau turun (turun). Secara default, metode sort() mengurutkan nilai sebagai string dalam urutan abjad dan menaik

18. Buat elemen tombol dengan atribut nilai yang disetel ke "CLICK ME and WAIT" dan aktifkan peristiwa klik pada tombol, yang memanggil fungsi yang mengubah warna nilai teks tombol menjadi merah. Pada saat yang sama, fungsi ini juga mengatur fungsi waktunya menggunakan setTimeout() yang mengatur warna teks kembali menjadi hitam setelah 5 detik

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>

19. Apa output dari kode di bawah ini?

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_

Jwb. Kesalahan Referensi

Variabel dengan kata kunci const dan let memiliki cakupan blok. Blok adalah apa saja di antara tanda kurung kurawal ({ }). Dalam hal ini, tanda kurung kurawal dari pernyataan if/else. Anda tidak dapat mereferensikan variabel di luar blok yang dideklarasikannya, Kesalahan Referensi akan dilemparkan

20. Tulis beberapa JavaScript yang menggunakan jam saat ini dan berikan pesan peringatan apakah kelas sains selesai (Asumsikan kelas berakhir pada 02. 30)

Jwb. Solusi yang mungkin

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>

21. Berapa banyak dialog peringatan yang akan dihasilkan Javascript berikut, dan apa yang akan ditampilkan di masing-masingnya?

var x = “20”;

function func1(){

var x = “5”;

alert(this.x);

function func2(){alert(x);}

func2();

}

         func1();
_

Jwb. SEBUAH. Akan ada 2 dialog peringatan. Yang pertama akan menampilkan "20", dan yang kedua akan menampilkan "5"

Pertanyaan wawancara JavaScript untuk Menengah

22. Tulis Perbedaan antara Kondisi Tampilan dan Kondisi Sesi?

ViewStateSessionStateViewState’ khusus hanya untuk satu halaman dalam satu sesi. SessionState’ khusus untuk data pengguna untuk mengakses semua halaman di dalam aplikasi web. ViewState hanya terlihat dari satu halaman, bukan dari beberapa halaman. Di SessionState, ketersediaan data adalah akses melalui semua halaman web. Di ViewState, informasi disimpan di sisi klien. Di SessionState, informasi disimpan di server. Nilai ViewState bisa hilang atau dihapus saat halaman baru dimuat. Pemrogram sendiri menghapus nilai SessionState, dan dalam kasus lain adalah saat nilai batas waktu dihapus

23. Apa yang Anda maksud dengan operator "==="?

Operator ini disebut operator kesetaraan yang ketat

Itu mengembalikan true ketika dua operan memiliki nilai yang sama tanpa jenis konversi apa pun

Jadi, kita dapat mengatakan bahwa itu adalah operator kesetaraan yang ketat yang mengembalikan nilai palsu adalah tipe yang serupa

24. Jelaskan secara singkat bagaimana Anda bisa mengirimkan formulir menggunakan JavaScript?

Dalam JavaScript, Anda dapat menggunakan acara klik untuk mengirimkan formulir, mis. e. , membentuk. kirim() metode

Anda dapat melakukan tindakan kirim dengan menggunakan tombol kirim, Dengan mengklik Hyperlink.  

Untuk mengirimkan formulir menggunakan JavaScript gunakan dokumen. formulir[0]. Kirimkan();

Misalnya

document.form[0].submit();
_

25. Apakah JavaScript mendukung konversi jenis otomatis (Konversi Otomatis)?

Konversi Jenis Otomatis atau dikenal sebagai Konversi Otomatis. Ketika tipe data dengan presisi lebih rendah dikonversi menjadi tipe data dengan presisi lebih tinggi, ini disebut typecasting

Untuk Kel. Saat kita ingin mengonversi data tipe byte menjadi data tipe pendek, itu bisa dilakukan dengan mudah karena byte adalah tipe data presisi rendah dan tipe data pendek

ByteShort

Ya, JavaScript mendukung konversi jenis otomatis;

Konversi Jenis Otomatis atau dikenal sebagai "Konversi pelebaran" dan "Konversi implisit"

Ini adalah konsep sederhana untuk menetapkan tipe data yang lebih rendah ke tipe data yang lebih tinggi.   

26. Bagaimana seharusnya kita mengubah gaya/kelas suatu elemen?

Pertama-tama, kita bisa menggunakan className untuk menetapkan nilai langsung ke kelas. Jika ada kelas seperti itu yang sudah ada di elemen, maka ini akan menggantikannya

Untuk mendapatkan nilai class pada elemen, kita bisa menambahkan beberapa spasi menggunakan className

Diberikan cara berikut, kita dapat mengubah kelas elemen

var x=1, y=2,
z=x+y;
_0

atau,

var x=1, y=2,
z=x+y;
_1

27. Jelaskan tentang Baca dan Tulis file menggunakan JavaScript?

Pada dasarnya, ada dua cara untuk membaca dan menulis file

  1. Menggunakan ekstensi JavaScript
  2. Menggunakan halaman web dan objek Active X

Diberikan adalah langkah-langkah untuk membaca dan menulis file

Langkah 1

var x=1, y=2,
z=x+y;
_2

Langkah 2

var x=1, y=2,
z=x+y;
_3

Fungsi fwrite() digunakan untuk menulis isi file

Langkah 3

var x=1, y=2,
z=x+y;
_4

28. Apa saja loop yang tersedia di JavaScript?

Loop yang tersedia dalam JavaScript diberikan di bawah ini

  • Untuk pernyataan loop

JavaScript For loop sama dengan for loop pada Java dan C. For loop berlanjut hingga kondisi tertentu bernilai false

Mantan

var x=1, y=2,
z=x+y;
_5
  • Sementara lingkaran

Pernyataan while menjalankan pernyataannya sampai kondisi yang ditentukan bernilai benar, pernyataan while terlihat seperti berikut

Mantan

var x=1, y=2,
z=x+y;
_6
  • do-while loop

Perulangan do-while berlanjut hingga kondisi tertentu salah

Mantan

var x=1, y=2,
z=x+y;
_7

29. Apa yang disebut Pengetikan variabel dalam JavaScript?

Pengetikan variabel tidak banyak yang pertama, ini digunakan untuk menetapkan nomor ke variabel, dan setelah itu, variabel yang sama ditugaskan ke sebuah String

Misalnya

var x=1, y=2,
z=x+y;
_8

Jadi ini disebut pengetikan variabel. Konsep JS ini mirip dengan Java

30. Fungsi untuk mengonversi string kelas dasar apa pun menjadi bilangan bulat dalam JavaScript?

Tanggung jawab fungsi parseInt() adalah mengonversi angka di antara basis yang berbeda

fungsi parseInt() mengambil string yang akan dikonversi sebagai parameter pertama, dan parameter kedua adalah basis dari string yang diberikan

31. Jelaskan perbedaan antara operator “==” dan “===”?

” ==” operator hanya memeriksa nilai yang sama sedangkan,

Operator “===” juga memeriksa kesetaraan nilai tetapi dengan cara yang lebih ketat dan mengembalikan false jika nilai atau jenis variabelnya berbeda

32. Apa yang harus menjadi jawaban dari 3+2+ “7”?

Seperti yang kita ketahui bersama bahwa 3 dan 2 adalah bilangan bulat atau bertipe bilangan bulat, sehingga akan dijumlahkan secara numerik. Dan setelah itu, karena 7 adalah string, itu tidak ditambahkan, dan itu akan digabungkan karena string selalu digabungkan dan tidak ditambahkan, Jadi hasil akhirnya adalah 57

33. Apa yang Anda pahami dengan kata kunci "ini" dalam javascript?

Jwb. Dalam JavaScript kata kunci "ini" digunakan secara luas dan menunjuk ke objek tertentu yang mengeksekusi potongan kode saat ini. Ini mengacu pada objek yang menjalankan fungsi saat ini. Jika fungsinya adalah fungsi biasa, "ini" mengacu pada objek global. Jika fungsi yang direferensikan adalah metode dalam suatu objek, "ini" mengacu pada objek itu sendiri

Di bawah ini adalah aturan yang berlaku untuk kata kunci “ini” untuk mengetahui objek mana yang direferensikan

  1. Lingkup Global

Jika sebuah fungsi dipanggil dari lingkup global yang menyertakan kata kunci 'ini', fungsi tersebut akan selalu mengarah ke objek jendela

Misalnya

var x=1, y=2,
z=x+y;
_9
  1. Metode Objek

Dengan menggunakan kata kunci baru jika objek dibuat maka "ini" akan menunjuk ke objek tertentu

Sebagai contoh

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
0

kata kunci "ini" di dalam metode display() dari objek 'objM' akan menunjuk ke nilai di luar cakupan metode display()

  1. metode call() atau apply()

Suatu fungsi dapat dipanggil menggunakan operator () atau menggunakan call() dan menerapkan metode () juga. Tujuan utama call() dan apply() adalah untuk mengatur konteks kata kunci "ini" di dalam suatu fungsi terlepas dari apakah fungsi itu dipanggil dalam lingkup global atau sebagai metode objek

  1. mengikat() metode

Metode bind() digunakan untuk mengatur konteks kata kunci 'ini' ke objek tertentu saat suatu fungsi dipanggil. Sangat membantu dalam menempatkan konteks ini untuk fungsi callback

Sebagai contoh

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
1

34. Berapakah hasil dari 3+2+”7″?

Jwb. Hasilnya adalah 57. Dengan + operator 3 dan 2 ditambahkan. Karena 7 adalah string, operator + menggabungkan ekspresi

35. Sebutkan kerugian menggunakan innerHTML dalam javascript

Jwb. Properti innerHTML adalah bagian dari DOM dan digunakan untuk menyetel atau mengembalikan konten HTML suatu elemen. Nilai kembali mewakili isi teks dari elemen HTML. Itu memungkinkan kode JavaScript untuk membuat perubahan pada situs web yang sedang dirender.  

Kerugian menggunakan innerHTML adalah

  1. Menambahkan ke innerHTML tidak didukung tanpa mem-parsing seluruh innerHTML
  2. Karena reparsing diperlukan untuk innerHTML, pemrosesannya lambat dan membutuhkan lebih banyak waktu
  3. Penangan acara tidak melampirkan secara otomatis ke elemen yang baru dibuat dengan menyetel innerHTML. Seseorang harus melacak event handler dan melampirkan elemen baru secara manual
  4. Dengan menggunakan innerHTML jika Anda menambahkan, menambahkan, menghapus, atau memodifikasi konten pada halaman web, semua konten diganti, juga semua simpul DOM di dalam elemen tersebut diurai dan dibuat ulang
  5. Tidak ada validasi yang tepat yang disediakan oleh innerHTML, karenanya kode HTML apa pun yang valid dapat digunakan. Ini dapat merusak dokumen JavaScript

36. Apa itu pernyataan lanjutan dalam javascript?

Jwb. Pernyataan continue bergerak atau melompati iterasi saat ini dalam loop jika kondisi tertentu terjadi, dan berlanjut dengan eksekusi iterasi berikutnya dalam loop

Ini dapat digunakan dalam pernyataan perulangan seperti for loop, while loop, dan do-while loop. Ketika digunakan dalam perulangan while, maka akan kembali ke kondisi. Jika digunakan dalam perulangan for, alur berpindah ke ekspresi pembaruan.   

Dengan menggunakan pernyataan continue, alur program langsung melompat ke pernyataan kondisional, dan jika kondisinya benar, maka iterasi berikutnya akan dimulai;

Sintaksis

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
2

37. Buat daftar perbedaan antara. panggilan() dan. berlaku()

panggilan(). berlaku(). metode call() memanggil fungsi dengan nilai yang diberikan dan argumen disediakan secara terpisah. metode apply()  memanggil fungsi dengan nilai yang diberikan dan argumen diberikan dalam bentuk larik atau objek larik. Sintaksis. obyek. metode objek. panggilan(objectInstance, argumen )
2 parameter
objekInstance. menyimpan instance dari suatu objek. argumen. metode mengambil argumen dipisahkan dengan koma. Sintaksis. obyek. metode objek. berlaku(objectInstance, arrayOfArguments)
2 Parameter
objekInstance. menyimpan instance dari suatu objek
arrayOfArguments. metode mengambil array argumen. Contoh. menunjukkan. panggilan(objek, “argumen ke-1”, “argumen ke-2”);Contoh. menunjukkan. apply(objek, [“argumen ke-1”, “argumen ke-2”, “argumen ke-3”]);

38. Apa yang Anda pahami dengan event bubbling?

Jwb. Alur peristiwa menentukan urutan penerimaan peristiwa pada halaman dari elemen tempat peristiwa terjadi dan disebarkan melalui pohon DOM. Ada dua model acara utama. menggelegak acara dan menangkap acara

Dalam model gelembung peristiwa (dari bawah ke atas), suatu peristiwa dimulai pada elemen yang paling khusus dan kemudian mengalir ke atas menuju elemen yang paling tidak spesifik i. e. , dokumen atau bahkan jendela. Misalnya, Anda memiliki elemen div dan tombol di dalam elemen div saat tombol memicu kejadian klik, kejadian klik terjadi dalam urutan berikut

  • tombol
  • div dengan wadah id
  • tubuh
  • html
  • Dokumen

Acara klik pertama kali terjadi pada tombol, yang merupakan elemen yang diklik. Kemudian acara klik naik ke atas pohon DOM, menembaki setiap node di sepanjang jalan hingga mencapai objek dokumen. Beberapa browser web akhir-akhir ini akan memunculkan acara ke objek jendela

39. Apakah JavaScript peka huruf besar-kecil?

Yes, JavaScript is a case-sensitive language. JavaScript juga memiliki seperangkat aturan untuk menulis program atau kode JavaScript di mana pengidentifikasi, variabel, kata kunci, dan nama fungsi harus ditulis menggunakan kapitalisasi huruf yang sesuai.

Sebagai contoh

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
_3

Dalam JavaScript, nama, dan Nama bukanlah hal yang sama meskipun kedua variabel dieja sama

40. Apa perbedaan antara taman web dan bingkai web?

Web gardenWeb frameWeb Garden adalah sistem hosting web yang mencakup banyak "proses". Web Farm adalah sistem hosting web yang mencakup banyak "komputer". It has an application pool(a container of work processes) that can be configured and can define the number of work processes for that pool. multiple web servers are available for multiple clients. used while hosting multiple processes on a single web server. used while hosting a single web application on multiple web servers in order to distribute the load among the web servers

41. Describe the role of deferred scripts in javascript

Ans. The defer Attribute

The defer attribute tells the browser to continue to process the HTML and build DOM and does not wait till the script file is executed fully. The script loads “in the background”, and then runs later when the DOM is completely built

For example.  

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
_4

The script is loaded asynchronously, the script file can be downloaded while the HTML document is still parsing, even if the file is fully downloaded before the HTML document is finished parsing, the script is not executed until the parsing is complete. Hence, scripts with a defer attribute will never block the page and always execute when the DOM is completely ready

42. What are the different functional components of JavaScript?

Ans. The basic JavaScript functions are called functional components. These can be created in two ways

  1. Using function keyword
<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
5
  1. Using function expression or Anonymous function. declare a variable then assign a function it without name
<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
6
  • Can also be declared using arrow function 
<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
7

43. What do you mean by screen objects? Explain

Ans. The screen object is a built-in interface that is used to get the information about the browser screen on which the current webpage is displayed. It provides information about the dimensions of the rendered screen such as screen width, height, colorDepth, pixelDepth, etc

Property of JavaScript screen object that returns information of the browser

  1. width. returns the width of the screen
  2. height. returns the height of the screen
  3. availWidth. returns the available width excluding windows taskbar
  4. availHeight. returns the available height excluding windows taskbar
  5. colorDepth. returns the color depth of color palette, in bits, to render images
  6. pixelDepth. returns the color resolution in bits per pixel of the screen

For example.  

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
8

44. What do you mean by the unshift() method?

Ans. unshift() is a built-in object array method that will add array elements to the front of an array. It overwrites the array original array by adding new array elements to the beginning of an array

For example.  

<html>
<head>
<title>Elements Dynamically</title>
<script type="text/javascript">
              function addNode() 
	{ 
	var newP = document.createElement("p");
              var textNode = document.createTextNode(" This is a new text node");
              newP.appendChild(textNode); 
	document.getElementById("Dynamic").appendChild(newP); 
	}
</script>
</head>
<body>
<p id="Dynamic">Dynamic</p>
</body>
</html>
9

Output. five, six, one, two, three, four

45. What are the unescape() and escape() functions in javascript?

Ans. The escape() function in JavaScript is used for encoding (the process of converting plaintext to ciphertext) a string.  

Sintaksis

// Declaration of a global globalVariable = "Test";
0

The unescape() function is used to decode(decrypt) that string encoded by the escape() function.  

Sintaksis

// Declaration of a global globalVariable = "Test";
1

46. What do you mean by decodeURI() and encodeURI() in javascript?

Ans. The encodeURI() function encodes the complete URI. It also encodes a few special characters. , / ? . @ & = + $ # 

Sintaksis

// Declaration of a global globalVariable = "Test";
2

The decodeURI() function decodes the URI generated by the encodeURI() function

Sintaksis

// Declaration of a global globalVariable = "Test";
3

Ans. ECMAScript is a standard for creating a scripting language. Introduced by ECMA International and is basically an implementation with which we learn how to create a scripting language

Javascript is a general-purpose scripting language that follows the specification of ECMAScript. It is mostly an implementation which tells how to use a scripting language

48. What do you mean by QuickSort Algorithm in javascript?

Ans. Quicksort algorithm is one of the most popular sorting algorithms in any programming language. QuickSort algorithm follows the divide and conquers method. It divides elements into smaller parts based on several conditions and performs the sort operations on those divided smaller parts. It works well when working with large datasets.  

The steps on how the Quicksort algorithm works

First. pilih elemen pivot

Second. compare all array elements with the selected pivot element

Third. arrange them in a way that elements less than the pivot element is to its left and greater than the pivot is at its right

Finally. execute the same operations on both left and right side elements of the pivot element

Javascript Logical Questions

49. How to detect the operating system on the client machine?

if we want to detect the operating system on the client machine, then we have to use navigator. appVersion or navigator. userAgent property

50. What do you mean by NULL in JavaScript?

The NULL is used to represent no-value or no-object

 It implies there shouldn’t be no object or null string, no valid boolean value, no number, and no array object. The value will be nothing, or it means null

51. What is the use of the delete operator?

The Delete keyword is used for deleting purposes. The delete keyword is used to delete the property as well as its value also

Misalnya

// Declaration of a global globalVariable = "Test";
4

52. What do you mean by undefined value in JavaScript?

First of all, an Undefined value means the variable used in the program or code doesn’t exist, and another is the value that was not assigned and property doesn’t exist, which is known as an Undefined value

53. Name all the types of Pop up boxes available in JavaScript?

There are several types of pop-box are available in JavaScript

  • Alert Box

An Alert box is used to ensure that the information comes through to the user end. When an alert box pops up, the user has to click the “OK” button for further proceeding

Sintaksis

The window. alert() method is used for pop-ups

// Declaration of a global globalVariable = "Test";
5

  • Confirm Box

A confirm box is used if somebody wants the user to verify or accept something

When a pop box appears, the user only has to do either click on the “OK” button or click on the “CANCEL” button

If the user clicks on the “OK” button, then the box returns true, and if the user clicks on the “CANCEL” button, then the box returns false

Sintaksis

// Declaration of a global globalVariable = "Test";
6

  • Prompt Box

A prompt box Is used for the user to input a value before entering into a page

 When a prompt box pops up, the user has to click either on “OK” or “Cancel” to proceed after entering an input value

if the user clicks on “OK”, then the box returns a true value, neither on the clicking of the “cancel” button box returns null

Sintaksis

// Declaration of a global globalVariable = "Test";
7

54. Define the use of Void(0) in JavaScript?

The Void(0) is used to prevent/precautionary steps to prevent the page from refreshing, and the passing parameter “zero” is passed while/during calls

After passing the parameter and calling, Void(0) is used to call another method without refreshing the page

55. How can a page be forced to load another page in JavaScript?

The following code could be chosen to get desired output

// Declaration of a global globalVariable = "Test";
8

56. What is the data type of variables in JavaScript?

All variables in JavaScript are object data types

57. Sebutkan perbedaan kotak peringatan dan kotak konfirmasi?

Seperti namanya, "peringatan" memberikan pop-up yang hanya menampilkan satu tombol, yaitu tombol "OK", tetapi dalam kasus lain, kotak Konfirmasi menampilkan dua tombol yang berisi satu tombol "OK" dan satu lagi adalah tombol

This is the fundamental difference between the alert box and the confirmation box

58. What do you mean by Escape characters?

Karakter Escape atau garis miring terbalik ditempatkan atau digunakan sebelum karakter agar terlihat

The Escape character (Backslash) is used when working with a special type of character like quotes, double quotes, apostrophes, and ampersands

Misalnya

// Declaration of a global globalVariable = "Test";
9

59. What do you mean by Cookies JavaScript?

Cookies are data, which are stored in small text files on our computer

Kami dapat mengatakan cookie digunakan untuk mengunjungi situs web lebih cepat setelah menerima menerima cookie

Cookie adalah file teks kecil yang disimpan di komputer, dan cookie dibuat saat pengguna mengunjungi situs web untuk menyimpan informasi untuk digunakan pada saat dibutuhkan.

Sederhananya, kita dapat mengatakan bahwa konsep cookie diperkenalkan untuk mengingat informasi tentang pengguna.              

Mantan

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
_0

By using JavaScript, we can create, read, and delete (crud operations) cookies with the “document. cookie” property

Untuk membuat JavaScript cookie

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
_1

Anda juga dapat menambahkan tanggal kedaluwarsa untuk cookie, tetapi, secara default, tanggal kedaluwarsa cookie adalah saat Anda menutup browser Anda masing-masing, cookie akan dihapus atau kedaluwarsa

By using our JavaScript concept we can read a cookie given below

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
2

62. Jelaskan apa metode pop() dalam JavaScript itu?

The simple working of pop() method to removing the last element from an array and returning that element, by working with this method, also changes the length of the array

Metode pop() bertindak mirip dengan metode shift()

Perbedaannya adalah metode Shift() bekerja di awal array, dan juga metode pop() mengambil elemen terakhir dari array yang ditentukan atau diberikan dan mengembalikannya. Setelah array dipanggil, itu diubah

Misalnya

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
3

63. Apakah JavaScript berisi cakupan level konsep?

The scope is the context on where the variables for functions can be accessed, as you all write in Java and C, C++. Saya. e. didefinisikan oleh { }

 The concept level is otherwise known as block-level scope. Karena JavaScript mendukung cakupan tingkat Fungsi

So, JavaScript does not have a concept-level scope

Due to the variables declared inside or within the function have scope inside the function

64. Apa dua kelompok utama tipe data dalam JavaScript?

The primary groups of data types JavaScript are mentioned below

  1. Tipe Primitif
  2. Jenis Referensi

Primitive Types

Tipe primitif adalah tipe data tipe angka dan Boolean

Jenis Referensi

Reference types are the more complex types. Itu seperti string dan tanggal

65. What is DOM?

DOM adalah singkatan dari Document Object Model

When a web page is loaded, then the browser creates a Document object model of that page

The Document Object Model defines a standard or rules for accessing documents on web pages

66. Apa itu model DOM HTML?

Simply, we can say that an HTML DOM is nothing but a defining standard for how to get, change, delete, add HTML elements

HTML DOM adalah model objek standar dan antarmuka pemrograman untuk HTML

67. Bagaimana objek Generik dapat dibuat?

Generic objects can be created as

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
_4

68. Write the uses of the typeof operator in JavaScript?

The “typeof” operator is used to return a string description of the type of a variable

Pertanyaan wawancara Javascript untuk Berpengalaman

69. How to handle exceptions in JavaScript?

The exception is the abnormal termination of a program is called an exception

An unwanted or unexpected event that disturbs the normal flow of the program is otherwise called an exception

Pengecualian disebabkan oleh program kami, bukan karena kurangnya sumber daya sistem kami

Menentukan cara alternatif untuk melanjutkan sisa program biasanya disebut penanganan pengecualian.   

So, we can handle the exception with Try-catch and finally keyword, or we can say that Try-Catch block, finally is used to handle exceptions in JavaScript

Try-catch block is used to handle the exception, and the ‘finally’ block is bound to call either their call of try-catch block or not, but finally, the block is bound to call

Di blok terakhir, pemrogram dapat merusak koneksi

Sintaksis

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
_5

70. Name the keyword which is used to print the text on the screen?

Kita bisa menulis teks di layar melalui dokumen. menulis kata kunci

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
_6

Setelah itu, akan tertulis selamat datang di layar

71. Apa yang Anda maksud dengan fungsi blur di JavaScript?

The blur event occurs when the element losses its focus or blurriness

The primary use of the Blur function in a program is to removing focus from a specified object

Sintaksis

Dalam HTML

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
7

Dalam JavaScript

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
8

72. What do you mean by variable typing in JavaScript?

Basically, variable typing is used for assigning a number to a variable and after that assigning string to that same variable

Langkah-langkah yang digunakan untuk mendapatkan lebih banyak klarifikasi diberikan di bawah ini melalui sebuah contoh

var myarray =new Array (1,4,3,6,10,0,22)
document.write(myarray.sort())
myarray.sort(function(a, b) { return b - a; }); 
document.write(myarray); 
9

73. Bagaimana cara mencetak Pernyataan dalam JavaScript?

By using Console. log() dalam JavaScript, kita dapat mencetak variabel apa pun yang ditentukan sebelum int, dan juga digunakan untuk mencetak pesan apa pun yang perlu ditampilkan kepada pengguna

The Syntax for defining or showing elements to the user is

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
0

74. How to find an operating system in the client machine using JavaScript?

For finding the Operating system in the client machine using JavaScript using “Navigator. app version” is used

75. What are the different types of errors are available in JavaScript?

There are three types of errors are in JavaScript

(1) Load time Errors

Those errors that come up when we load a web page with inappropriate syntax Errors are otherwise known as Load time Errors. Load time Errors are generated Dynamically

(2) Run time Errors

Those Errors which are generated due to misuse of command inside an HTML language are known as Run time errors

(3) Logical Errors

Those errors occur due to the formation or writing off bad logic inside the program, which logic has different operations known as Logical errors

The primary benefit of the push method is that it always adds or appends one or more than one element to the end of an array, so using this method, we can append multiple elements bypassing multiple arguments

Sintaksis

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
1

For Ex

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
2

Output

Banana, apple, orange, grapes

77. What do you mean by unshift method in JavaScript?

Unshift method work is similar to the push method but pushes method to append the elements and unshift method just prepend the elements

unshift method works beginning of the array. This method is used to prepend one or more than one element at the beginning of an array

Sintaksis

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
3

For Ex

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
4

Output

Grapes, Banana, apple, orange

78. What is the difference between JavaScript and Jscript?

The difference between these two scripts is said to be no different

Both are pretty similar, but the only difference is JavaScript ids developed by Netscape and Jscript is developed by Microsoft

79. How are the object properties assigned in JavaScript?

You can define a property by assigning its value

As all of you know, all JavaScript variables like objects names and property names are case-sensitive so that we can assign value through their name and properties

We can assign object Properties in the following ways

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
5

           Or,

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
6

80. Apa yang Anda maksud dengan mode 'Ketat' dalam JavaScript, dan bagaimana cara mengaktifkannya?

Strict mode is used to solve some of the mistakes that hamper the JavaScript engines for work efficiently,

The strict mode adds a specific constraint to JavaScript, so under the Script mode, JavaScript show errors from few codes.   

For Enabling the Strict mode, you have to add the string literal “use strict” above the specified file. You can get a clear idea by the following example

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
7

81. Write the various ways to get the status of a Checkbox?

The status for getting status of a checkbox as follows

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
8

If the Checkbox is checked, then the alert will return TRUE

82. Jelaskan jendelanya. onload and onDocumentReady perform in JavaScript?

onload

The Window. onload will execute the codes when the browser loads the DOM tree and other resources like images and objects

The . onload function is not run further & until all the information on the page is loaded, leading to some delay before any code is executed

onDocumentReady

Itu. onDocumentReady is executed when the DOM is load, without waiting for the resources to load like . onload works

Ini mengarah ke. onDocumentReady memungkinkan untuk mengeksekusi kode lebih cepat di DOM

 In the case of . onDocumentReady, it loads the codes just after the Document Object Manipulation is loaded, so this allows early manipulation of the code

83. Apa yang Anda maksud dengan penutupan dalam JavaScript?

Penutupan tidak lain adalah variabel yang dideklarasikan secara lokal atau dikenal sebagai variabel lokal, yang terkait dengan suatu fungsi, dan tetap berada di memori pada saat fungsi tersebut dikembalikan.

Misalnya

<script type=”text/javascript”>
function setRed ( )
{
document.getElementById(“Button1”).style.color = “#FF0000”;
setTimeout ( “setBlack()”, 5000 );
}
function setBlack ( )
{
document.getElementById(“Button1”).style.color = “#000000”;
}
</script>
<input type=”button” name=”clickMe” id=”Button1″ value=”Click me and wait!” onclick=”setRed()”/>
_9

Jadi Fungsi di atas dapat direpresentasikan dengan lebih baik dengan menggunakan penutupan pada fungsi ini

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_0

84. Apa yang Anda maksud dengan fungsi anonim dalam JavaScript?

Suatu fungsi dikatakan sebagai fungsi anonim ketika fungsi tersebut dideklarasikan tanpa pengidentifikasi nama apa pun

Dengan kata lain, kita dapat mengatakan bahwa fungsi anonim tidak dapat diakses setelah dideklarasikan dalam program atau kode

Deklarasi fungsi anonim

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_1

Pertanyaan Umum Wawancara JavaScript

85. Jelaskan Mengangkat dalam JavaScript.  

Hoisting adalah perilaku JavaScript di mana di mana pun variabel/fungsi dideklarasikan, mereka dipindahkan ke bagian atas cakupan. Perhatikan cakupannya mungkin lokal atau global.  

Mantan. Sebelum Mengangkat                 Kel. Setelah Mengangkat

a = 1;

waspada (‘ a = ‘  + a);

var a;

86. Jelaskan Pemaksaan Tipe Implisit dalam JavaScript

Konversi nilai otomatis dari satu tipe data ke tipe data lainnya dikenal sebagai pemaksaan tipe implisit dalam JavaScript. Ada banyak tipe Number to String, String to Number, Boolean to Number dll. Ketika nilai yang berbeda diterapkan pada tipe data yang bukan dari nilai itu, secara otomatis mengubahnya.  

  1. Pemaksaan Tali

Saat nomor ditambahkan ke string, itu mengubah tipe angka sebagai tipe string dengan bantuan operator "+".  

Contoh

var a = 4;

var b = “5”;

a + b // Mengembalikan “45”

Contoh.  

var p = 45;

var q = “Hai”;// Di sini angka 45 digabungkan dengan string

p + q   // Mengembalikan “45Hi”;

CATATAN. Kita juga bisa menggunakan operator “ – “, tetapi angka yang kita berikan akan diubah menjadi tipe data string dan dikurangi

Contoh.  

var p = 5;

var q = “5”;

p – q    //Mengembalikan 0 karena variabel q (tipe string) dikonversi menjadi tipe angka

  1. Pemaksaan Boolean

Saat kita menggunakan operator logika, jika pernyataan, operator ternary dan pemeriksaan loop paksaan Boolean terjadi. Kita harus memastikan dengan benar nilai-nilai kebenaran dan kepalsuan.  

Kecuali 0, O(n), -0, “”, Null, undefined dan Nan semua yang lain adalah nilai kebenaran

Contoh

var a = 0;

var b = 24;

jika(a) { konsol. log(a) }   // Karena nilai a adalah 0 kode tidak akan berjalan ( Falsy)

jika(b) { konsol. log(b) }    // Karena nilai b adalah 24, kode akan berjalan (Benar)

  1. Operator Logika

Membandingkan operator logis dalam bahasa pemrograman lain, dalam JavaScript, operator logis tidak mengembalikan benar atau salah, salah satu operan dikembalikan.  

OR ( . . ) operator – Nilai pertama dikembalikan hanya jika benar, jika tidak, nilai kedua dikembalikan.  

AND ( && ) operator – Ketika kedua nilai benar, ia selalu mengembalikan nilai kedua. Jika nilai pertama salah, ia mengembalikan nilai pertama. Jika nilai kedua salah, itu akan mengembalikan nilai kedua.  

OperatorNilai PertamaNilai KeduaKembaliOR (. . )Benar FalsyFirst ValueFalsyTruthySecond ValueFalsy FalsySecond Value TruthyTruthyFirst ValueAND ( & &)Truthy FalsySecond valueFalsyTruthyFirst ValueTruthyTruthyNilai Kedua

Contoh

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
2

Pemaksaan Kesetaraan

 The operator we use for Equality coercion is “ ==”. Itu hanya membandingkan nilai bukan tipe data.  

 If there exist two different datatypes then it converts both of them to one type and  

membandingkan nilainya.  

Contoh

var a = 12;

         var b = “12”;

a == b   //operan sama karena mengubah kedua tipe data menjadi sama dan membandingkan

87. Is JavaScript a statically typed or a dynamically typed language?

JavaScript dikategorikan sebagai bahasa yang diketik secara dinamis. Karena tipe variabel diperiksa selama runtime secara paralel dengan bahasa yang diketik secara statis, di mana tipe variabel diperiksa selama fase kompilasi.  

Static TypingDynamic Typingstring namename = “Peter”;name = 34;var namename = “Peter”;name = 35;Variables have typesVariables have no typesValues have typesValues have no typesVariables cannot change typesVariables can change types

Ini adalah salah satu pertanyaan wawancara Javascript penting yang diajukan dalam wawancara

88. Jelaskan lewat nilai dan lewat referensi

JavaScript menyediakan dua kategori tipe data Primitif dan Objek yang berbeda

Tipe Data Primitif. Angka, Boolean, String, Null dan Undefined.  

Objek. Array, fungsi, objek biasa, dan lainnya Apa pun kecuali primitif adalah objek

CATATAN. Semua tipe data primitif dalam JavaScript diteruskan oleh nilai

Lewati nilai.  

Dalam hal ini, fungsi dipanggil dengan meneruskan nilai secara langsung sebagai argumen. Jadi, setiap perubahan yang dibuat di dalam suatu fungsi tidak akan memengaruhi nilai sebenarnya

Parameter yang diteruskan sebagai argumen dimutasi (Pembuatan salinan sendiri). Jadi, setiap perubahan yang dibuat di dalam fungsi dibuat untuk nilai yang disalin tetapi tidak untuk yang asli.  

Contoh.  

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_3

Dalam contoh variabel di atas, a diberi nilai 1 dan kemudian diubah menjadi 2 di dalam fungsi yang disebut change. Karena JavaScript melewati nilai, hasilnya adalah 1.  

Lewat Referensi.  

Dalam beberapa kasus, muncul situasi, alamat diteruskan alih-alih argumen untuk memanggil fungsi. During that time the value gets changed inside a function affects the variable passed outside the function. Ini disebut pass by reference. In JavaScript, mostly arrays and objects follow pass by reference

Dalam contoh berikut, objek bernama 'b' dideklarasikan di luar fungsi 'perubahan'. Di sini orang harus memperhatikan bahwa variabel 'b' bermutasi tetapi tidak diberi nilai 2, seperti yang ditunjukkan pada contoh 2. Pass by reference terjadi ketika mutasi telah terjadi.   

Contoh 1

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_4

Example 2

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_5

89. Apa itu Fungsi yang Segera Dipanggil dalam JavaScript?

Jwb
Fungsi yang berjalan segera setelah didefinisikan dikenal sebagai Fungsi Segera Dipanggil dalam JavaScript.  

Sintaksis

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
6

90. Explain Higher-Order Functions in JavaScript

Di mana memulai suatu fungsi dengan braket diperlukan karena itu akan dianggap sebagai fungsi normal. The second set of parentheses is used to invoke the function because functions do not work without invoking.  

Sama seperti tipe data seperti Number, Boolean, String dianggap data maka fungsi juga bisa berfungsi sebagai data.  

  1. Fungsi dapat dilewatkan melalui fungsi lain
  2. Fungsi dapat diatur sebagai properti objek
  3. Functions can be stored in arrays 
  4. Fungsi dapat diatur sebagai variabel

Contoh

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_7

91. Jelaskan metode call(), apply() dan, bind()

Jwb.  

panggilan( )

Ini adalah metode pustaka yang tersedia di JavaScript

Metode ini memanggil fungsi/metode dengan menyebutkan objek pemilik

Contoh.  

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_8

Metode ini memungkinkan menggunakan metode (fungsi) objek lain

berlaku( )

This method is the same as call( ) but apply ( ) takes arguments in the form of array whereas call () takes arguments separately 

Contoh

function checkAge(age) {

  if (age < 18) {

     const message = “Sorry, you’re too young to get your driving license.”;

  } 

else {

    const message = “Yay! You’re are eligible!”;

       }

  return message;

}

console.log(checkAge(21));
_9

mengikat ( )

This method uses the “this” keyword which will be bound to the parent object which is considered as a parameter. Metode ini akan selalu mengembalikan fungsi baru

Contoh

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
0

92. Apa itu Kari dalam JavaScript?

Transformasi fungsi dari f(a,b,c) callable menjadi f(a),(b),(c) callable dikenal sebagai Currying dalam JavaScript. Ini adalah teknik canggih yang digunakan untuk bekerja dengan fungsi tidak hanya dalam JavaScript tetapi juga dalam bahasa lain.  

Contoh

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
1

For Example, if we have a function f(a,b), then the function after currying, will be transformed to f(a)(b)

Ini adalah salah satu pertanyaan wawancara Javascript penting yang diajukan dalam wawancara

93. Explain Scope and Scope Chain in JavaScript

Variabel JavaScript juga memiliki ruang lingkup seperti bahasa pemrograman lainnya. Aksesibilitas dan visibilitas variabel dikenal sebagai Lingkup

Ada tiga jenis cakupan di JS

  • Lingkup Global

Variabel yang tidak ada di dalam fungsi apa pun atau kurung kurawal dikenal sebagai Cakupan Global. These variables can be accessed from all parts of the code.  

  • Lingkup Lokal atau Fungsi

Variabel yang dideklarasikan di dalam ruang lingkup atau fungsi dikenal sebagai fungsi. Variabel yang hanya dapat diakses di dalam fungsi itu. That means they cannot be accessed outside code

  • Block Scope

Variabel dalam ruang lingkup yang diblokir hanya terbatas pada blok tertentu di dalam kurung kurawal yang disebutkan.  

Rantai Lingkup. Cakupan yang saat ini dapat diakses dalam kode dikenal sebagai rantai Cakupan. Terlepas dari cakupannya, baik itu di bawah global, lokal atau blok. Saat mesin JavaScript mencari ruang lingkup saat ini, ruang lingkup yang dapat diakses disebut sebagai rantai ruang lingkup

94. What are object prototypes?

Mekanisme di mana objek mewarisi fitur satu sama lain dikenal sebagai prototipe objek

Contoh. (hanya untuk tujuan pemahaman non-teknis)

Let’s talk about a car guess what the features are, every car has an engine, a staring and 4 wheels. Bisa jadi merek X, Y, atau Z setiap mobil bergerak menggunakan mekanisme yang sama.  

Jadi, mengaitkannya dengan prototipe objek. Merek X adalah objek prototipe yang sama dari mekanisme dasar yang diwariskan oleh merek Y dengan perubahan eksterior dan penambahan fitur. Jadi, proses ini dikenal sebagai object prototyping

95. Apa itu callback?

Callback adalah fungsi yang diteruskan sebagai argumen ke fungsi lain. It acts as a sequencing system for function execution. Setelah fungsi dieksekusi menggunakan panggilan balik, kita dapat menunggu hasilnya dan kemudian menjalankan fungsi berikutnya secara berurutan.  

Ex. setTimeout ( ) timeout method is usually used to cover up the amount of time taken to execute the program

Ini adalah salah satu pertanyaan wawancara Javascript penting yang diajukan dalam wawancara

96. Apa itu memoisasi?

Teknik pengoptimalan yang mempercepat aplikasi dengan menyimpan hasil yang diperlukan ke pemanggilan fungsi langsung dan mengembalikan ke hasil yang di-cache saat input yang sama disuplai lagi dikenal sebagai menghafal

Contoh

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
2

97. Apa itu rekursi dalam bahasa pemrograman?

Jwb.  

Recursion is a technique in which the function calls itself again and again repeatedly until the condition gets false.  

Contoh.  

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
3

Keluaran. 4 3 2 1

98. Apa gunanya fungsi konstruktor dalam JavaScript?

Jwb.  

Fungsi yang membuat turunan dari kelas yang disebut objek dikenal sebagai konstruktor. Setiap kali objek menggunakan kata kunci baru maka konstruktor dipanggil. Konstruktor digunakan untuk membuat objek dan menetapkan nilai jika ada properti objek yang ada

99. Apa itu fungsi panah?

Jwb
Fungsi yang memungkinkan mendeklarasikan sintaks yang lebih pendek yang diperkenalkan selama versi ES6 dikenal sebagai fungsi panah

Contoh.  

Sebelum

halo = fungsi ()

 {

kembali “Hai. ”;

}

Setelah

halo = () =>

{

kembali “Hai. ”;

}

Ini adalah salah satu pertanyaan wawancara Javascript penting yang diajukan dalam wawancara

100. Perbedaan antara mendeklarasikan variabel menggunakan var, let dan const

Jwb
var memiliki ruang lingkup hanya dalam fungsi

let dan const memiliki ruang lingkup dalam blok mereka di antara kurung kurawal

Also, any variable with the keyword const cannot be changed or modified it remains constant

kata kunciconstletvarblock scopeyesyesnofunction scopeyesyesyesglobal scopenonoyescan be reassignednoyesyes

101. Apa parameter sisanya dan operator spread?

Jwb
The operator that allows to call a function with n number of arguments and access those extra arguments as an array is known as rest operator (…) it also allows to destructure array or objects.   

Seperti namanya, operator spread (…) memungkinkan kita untuk memperluas array seperti iterable ke dalam elemen individualnya

Kode sampel.  

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
4

102. Apa gunanya janji dalam JavaScript?

Jwb
Setiap operasi asinkron yang terjadi di JavaScript ditangani oleh promise

Ada empat tahap janji dalam JavaScript

  1. Pending – It acts to be a waiting list neither fulfilled nor rejected. Ini adalah keadaan awal
  2. Terpenuhi – Setiap operasi Asinkron diselesaikan untuk memastikan bahwa janji telah dipenuhi
  3. Ditolak – Alasan asinkron yang tidak lengkap memastikan bahwa janji telah ditolak
  4. Diselesaikan – Ini adalah keadaan netral di mana janji tidak ditolak atau dipenuhi

Ini adalah salah satu pertanyaan wawancara Javascript penting yang diajukan dalam wawancara

103. Apa itu kelas dalam JavaScript?

Jwb.  

Templat objek JavaScript adalah Kelas dalam JavaScript

Setiap kelas dalam JavaScript harus memiliki konstruktor.  

Sintaksis

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
5

Contoh

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
6

104. Apa itu fungsi genset?

Jwb.  

Seperti namanya, fungsi ini membantu menghasilkan nilai baru menggunakan kata kunci hasil. Pekerjaan utama dari kata kunci hasil adalah menjeda eksekusi fungsi di tengah mengirim detail ke pemanggilan fungsi dan melanjutkan pada keadaan di mana hasil sebelum interupsi

Sintaksis

// Contoh fungsi generator

function* gen(){

hasil 1;

hasil 2;

}

Contoh

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
7

Keluaran.  

a b c

Ini adalah salah satu pertanyaan wawancara Javascript penting yang diajukan dalam wawancara

105. Jelaskan WeakSet dalam JavaScript

Jwb.  

Set adalah kumpulan komponen unik dan terurut dalam JavaScript. WeakSet, seperti Set, adalah kumpulan elemen unik dan teratur, tetapi pasti ada perbedaan besar. WeakSet hanya menampung objek dan tidak ada tipe lainnya. A weakly referred item is one that is contained within the weakset. Ini berarti bahwa jika sebuah item di dalam kumpulan lemah tidak memiliki referensi, itu akan dikumpulkan menjadi sampah. Tidak seperti Set, hanya memiliki tiga metode add() , delete ( ) dan has ( )

Ini adalah salah satu pertanyaan wawancara Javascript penting yang diajukan dalam wawancara

Contoh

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
_8

106. Jelaskan WeakMap dalam JavaScript

Peta biasanya digunakan untuk menyimpan key-value pair. Ini bisa menjadi tipe primitif dan non-primitif. Jika kunci dan nilai harus selalu menjadi objek di peta lemah. Jika tidak ada referensi objek maka pengumpul sampah mengumpulkan objek tersebut

Contoh.  

<script>

var cTime = new Date();

var hour = cTime.getHours(); 

var mins = cTime.getMinutes(); 

if (hour > 12 || hour == 12 && mins > 20) { 

alert(“Yay, science class got over!!”); 

} else {

alert(“Hang on, the science class is yet to finish!”);

} 

<script>
_9

107. Apa itu Penghancuran Objek?

Jwb.  

Mengekstraksi objek atau elemen array semuanya dalam satu baris kode dikenal sebagai penghancuran objek.  

Contoh

var x = “20”;

function func1(){

var x = “5”;

alert(this.x);

function func2(){alert(x);}

func2();

}

         func1();
_0

108. Apa itu Zona Mati Temporal?

Jwb.  

Variabel yang dideklarasikan menggunakan kata kunci let atau kata kunci const menghadapi zona mati temporal

It is a state that occurs when the variables are tried to access before initialization.  

Contoh

var x = “20”;

function func1(){

var x = “5”;

alert(this.x);

function func2(){alert(x);}

func2();

}

         func1();
_1

109. Apa metode bawaan dalam JavaScript

Metode Angka

Sr. Tidak. Method & Description1constructor() mengembalikan fungsi yang dibuat secara default 2toExponential() Angka akan ditampilkan dalam notasi eksponensial 3toFixed() yang digunakan untuk memperbaiki jumlah angka yang harus ada di sebelah kanan titik desimal. 4toLocaleString() digunakan untuk mengembalikan nilai angka yang benar sesuai dengan pengaturan sistem5toPrecision() digunakan untuk menentukan berapa banyak angka yang ada di kiri dan kanan angka6toString() Mengembalikan representasi string 7valueOf() Mengembalikan nilai angka

Metode Boolean.  

Sr. Tidak. Metode & Deskripsi1toSource() digunakan untuk mengembalikan sumber yang berisi objek Boolean  2toString() mengembalikan benar atau salah sesuai dengan kondisi 3valueOf() nilai primitif objek Boolean dikembalikan

Metode Untai

Sr. Tidak. Bagan Metode dan Deskripsi (). mengembalikan karakter pada index2charCodeAt() tertentu Mengembalikan nilai Unicode dari karakter tersebut. 3concat()Menggabungkan dua string yang berbeda bersama-sama4indexOf()Mengembalikan indeks string jika tidak ditemukan akan mengembalikan -1 5length() Mengembalikan string length6match() yang digunakan untuk mencocokkan ekspresi dengan string 7replace() yang digunakan untuk mengganti string dengan ekspresi reguler . 11toLowerCase() mengubah string menjadi huruf kecil12toUpperCase() mengubah string menjadi huruf besar

Pantau terus halaman ini untuk informasi lebih lanjut tentang pertanyaan wawancara Javascript dan bantuan karier. Anda juga dapat melihat blog kami yang lain tentang tutorial Javascript untuk informasi lebih lanjut.  

Tingkatkan karir Anda dengan Program Sertifikat Lanjutan dalam Pengembangan Perangkat Lunak Full Stack oleh E&ICT IIT Roorkee. Kenali lebih jauh sekarang. Anda juga dapat mendaftarkan diri Anda dalam kursus javascript gratis dengan sertifikat

What are the basic JavaScript interview questions?

Pertanyaan Wawancara JavaScript .
2) Buat daftar beberapa fitur JavaScript. .
3) Siapa yang mengembangkan JavaScript, dan apa nama depan JavaScript?.
4) Sebutkan beberapa keuntungan dari JavaScript. .
5) Sebutkan beberapa kelemahan JavaScript. .
6) Tentukan fungsi bernama dalam JavaScript. .
7) Sebutkan jenis-jenis fungsi

Apa yang perlu saya ketahui untuk wawancara JavaScript?

Understand how the browser deals with user input, web requests, and events in general. Know how to recognize and write asynchronous code. Pahami bagaimana JavaScript asinkron dan single-threaded. Higher Order Functions — Understand that functions are first-class objects in JavaScript and what that means

What is scope in JavaScript interview questions?

Cakupan mendefinisikan konteks eksekusi saat ini . Berdasarkan konteks eksekusi ini, ruang lingkup akan menentukan variabel, fungsi, objek apa yang dapat diakses selama runtime.

Apa topik terpenting dalam JavaScript?

10 JavaScript Concepts in 2021 That Help Get Jobs .
8) Putaran, Putaran, Putaran, Putaran. .
7) Debugging Alat Pengembang. .
6) Lingkup. .
5) Functions and Function Calls. .
4) Pernyataan bersyarat. .
3) Acara dan Penanganan Acara. .
2) Referensi versus variabel Nilai dan Tipe Data. .
1) Traversing the DOM – Why Javascript?