5 Latihan Temuduga JavaScript Tipikal

mata teras

Soalan wawancara JavaScript biasa biasanya berputar di sekitar pemahaman konsep utama, seperti skop, mewujudkan kaedah asli, promosi,
• kata kunci, dan this dan call() fungsi. apply()
Dalam JavaScript, adalah penting untuk memahami konteks fungsi dan cara memanggilnya. Kata kunci
• merujuk kepada konteks, yang berbeza -beza bergantung kepada sama ada fungsi itu dipanggil sebagai sebahagian daripada objek atau sebagai fungsi mandiri. this
ketinggian dalam JavaScript merujuk kepada proses di mana pembolehubah dan fungsi dipindahkan ke bahagian atas skop penahanan mereka. Walau bagaimanapun, sementara fungsi mengekalkan nilai awalnya, pembolehubah tidak, dan pada mulanya ditetapkan kepada
• . undefined

pemaju JavaScript sangat popular di bidang IT. Jika peranan ini paling mencerminkan pengetahuan anda, anda mempunyai banyak peluang untuk mengubah syarikat pekerjaan anda dan meningkatkan gaji anda. Tetapi sebelum anda diupah oleh syarikat, anda perlu menunjukkan kemahiran anda untuk lulus proses temuduga. Dalam artikel ini, saya akan menunjukkan kepada anda lima kemahiran JavaScript calon ujian biasa dan penyelesaian yang berkaitan dengan wawancara kerja front-end. Ini akan menyeronokkan!

Soalan 1: Skop

Pertimbangkan kod berikut:

<code class="language-javascript">(function() {
   var a = b = 5;
})();

console.log(b);</code>

Apa yang akan dicetak konsol?

Jawab

Cetak kod di atas 5. Caranya masalah ini ialah dalam ekspresi fungsi pelaksanaan segera (IIFE), terdapat dua pernyataan tugasan, tetapi pembolehubah

diisytiharkan dengan kata kunci a. Ini bermakna bahawa var adalah pemboleh ubah tempatan fungsi. Sebaliknya, a diberikan kepada skop global. Satu lagi helah dengan masalah ini ialah ia tidak menggunakan corak ketat (b) di dalam fungsi. Jika mod ketat diaktifkan, kod akan membuang ralat "". Ingat, corak yang ketat memerlukan anda secara eksplisit merujuk kepada skop global jika itu adalah tingkah laku yang diharapkan. Oleh itu, anda harus menulis ini: 'use strict'; Uncaught ReferenceError: b is not defined

<code class="language-javascript">(function() {
   'use strict';
   var a = window.b = 5;
})();

console.log(b);</code>

Soalan 2: Buat kaedah "asli"

Tentukan fungsi

pada objek

. Fungsi ini menerima integer, menyatakan bilangan kali rentetan perlu diulang. Fungsi ini mengembalikan rentetan yang diulang untuk beberapa kali tertentu. Contohnya: String repeatify harus dicetak.

<code class="language-javascript">console.log('hello'.repeatify(3));</code>

Jawab hellohellohello

Pelaksanaan yang mungkin adalah seperti berikut:

Soalan ini menguji pemahaman pemaju tentang warisan JavaScript dan

sifat. Ia juga mengesahkan bahawa pemaju boleh melanjutkan fungsi jenis data asli (walaupun tidak perlu dilakukan). Satu lagi perkara penting di sini adalah untuk membuktikan bahawa anda memahami bagaimana untuk mengelakkan penulisan fungsi yang mungkin telah ditakrifkan. Ini dilakukan dengan menguji sama ada fungsi itu tidak wujud sebelum menentukan fungsi anda sendiri:

<code class="language-javascript">String.prototype.repeatify = String.prototype.repeatify || function(times) {
   var str = '';

   for (var i = 0; i < times; i++) {
       str += this;
   }

   return str;
};</code>

Teknik ini amat berguna apabila anda diminta mensimulasikan fungsi JavaScript. prototype

Soalan 3: Meningkatkan

Apakah hasil melaksanakan kod ini? Kenapa?

<code class="language-javascript">(function() {
   var a = b = 5;
})();

console.log(b);</code>

Jawab

Hasil kod ini adalah undefined dan 2. Alasannya ialah kedua -dua pembolehubah dan fungsi dipromosikan (dipindahkan ke bahagian atas fungsi), tetapi pembolehubah tidak mengekalkan sebarang nilai yang diberikan. Oleh itu, apabila mencetak pembolehubah a ia wujud dalam fungsi (ia diisytiharkan), tetapi masih undefined. Dengan kata lain, kod di atas bersamaan dengan kod berikut:

<code class="language-javascript">(function() {
   'use strict';
   var a = window.b = 5;
})();

console.log(b);</code>

Soalan 4: this Bagaimana ia berfungsi dalam JavaScript

Apakah hasil daripada kod berikut? Terangkan jawapan anda.

<code class="language-javascript">console.log('hello'.repeatify(3));</code>

Jawab

cetakan kod Aurelio De Rosa dan John Doe. Sebabnya ialah konteks fungsi (apa yang dirujuk oleh kata kunci this) dalam JavaScript bergantung kepada bagaimana fungsi dipanggil, bukan bagaimana ia ditakrifkan. Dalam panggilan console.log() pertama, getFullname() dipanggil sebagai fungsi objek obj.prop. Oleh itu, konteks merujuk kepada yang terakhir, dan fungsi mengembalikan sifat fullname objek. Sebaliknya, apabila getFullname() diberikan kepada pembolehubah test, konteks merujuk kepada objek global (). Ini berlaku kerana window secara tersirat ditetapkan sebagai harta objek global. Oleh itu, fungsi mengembalikan nilai atribut yang dinamakan test, yang dalam kes ini adalah nilai yang ditetapkan oleh kod pada baris pertama coretan kod. window fullname

Soalan 5:

dan call() Tetapkan bug dalam isu sebelumnya supaya yang terakhir dicetak apply().

Jawab console.log() Aurelio De Rosa

Masalah ini boleh diperbaiki menggunakan fungsi

atau untuk memaksa konteks fungsi. Jika anda tidak memahami mereka dan perbezaan mereka, saya cadangkan anda membaca artikel "perbezaan antara dan

". Dalam kod berikut, saya akan menggunakan

, tetapi dalam kes ini, call() akan menghasilkan hasil yang sama: apply() function.call function.apply call() Kesimpulan apply()

<code class="language-javascript">String.prototype.repeatify = String.prototype.repeatify || function(times) {
   var str = '';

   for (var i = 0; i < times; i++) {
       str += this;
   }

   return str;
};</code>

Dalam artikel ini, kami membincangkan lima soalan biasa yang digunakan untuk menguji pemaju JavaScript semasa wawancara. Soalan -soalan sebenar mungkin berbeza dari wawancara hingga wawancara, tetapi konsep dan topik yang diliputi sering sangat serupa. Saya harap anda bersenang -senang dan menguji pengetahuan anda. Jika anda ditanya soalan menarik lain semasa wawancara, jangan ragu untuk berkongsi dengan kami. Ini akan membantu banyak pemaju.

FAQs (FAQ)

Apakah kesilapan biasa yang harus dielakkan dalam wawancara pengekodan JavaScript?

Salah satu kesilapan yang paling biasa tidak memahami sepenuhnya masalah sebelum mula mengekod. Luangkan masa untuk memahami masalah dan, jika perlu, tanya penjelasan. Kesalahan lain ialah kes kelebihan tidak dipertimbangkan. Sentiasa pertimbangkan kes -kes kelebihan yang berpotensi dan bagaimana kod anda akan mengendalikannya. Juga, elakkan nilai keras. Penyelesaian anda harus berfungsi untuk semua input, bukan hanya contoh yang disediakan. Akhirnya, ingatlah untuk menyampaikan proses pemikiran anda. Pewawancara berminat dengan penyelesaian anda terhadap masalah anda, bukan hanya penyelesaian akhir.

Bagaimana untuk mempersiapkan wawancara pengekodan JavaScript?

Pertama sekali, anda mesti memahami pengetahuan asas JavaScript. Ini termasuk pemahaman konsep seperti penutupan, janji, async/await dan ciri -ciri ES6. Amalan masalah pengekodan pada platform seperti LeetCode, Hackerrank, dan Codewars. Juga, baca soalan wawancara JavaScript biasa dan cuba menyelesaikannya sendiri. Akhirnya, fahami prinsip kerja JavaScript yang mendasari. Ini termasuk memahami ciri-ciri yang tidak menyekat gelung acara, susunan panggilan, dan JavaScript.

Apakah penutupan dalam JavaScript dan mengapa mereka penting?

Penutupan dalam JavaScript adalah fungsi yang mempunyai akses kepada skop induk, walaupun fungsi induk telah ditutup. Mereka penting kerana ia membolehkan privasi data dan digunakan dalam corak kilang dan modul fungsi. Memahami penutupan adalah penting kerana mereka adalah bahagian asas JavaScript.

Bolehkah anda menerangkan konsep "" dalam JavaScript? this "

" Dalam JavaScript adalah kata kunci khas, yang merujuk kepada konteks memanggil fungsi. Nilainya bergantung pada bagaimana fungsi dipanggil. Ia boleh merujuk kepada objek global, objek yang sedang diproses oleh fungsi, objek yang dibuat oleh pembina, atau objek yang ditentukan apabila menggunakan kaedah

, this atau call. apply bind

Bagaimana JavaScript mengendalikan operasi tak segerak?

JavaScript menggunakan panggilan balik, janji, dan

untuk mengendalikan operasi tak segerak. Panggilan balik adalah fungsi yang diluluskan sebagai hujah kepada fungsi lain dan dipanggil selepas beberapa operasi selesai. Janji adalah objek yang menunjukkan bahawa operasi tak segerak akhirnya selesai atau gagal.

adalah gula sintaks untuk janji, yang menjadikan kod asynchronous kelihatan dan berkelakuan seperti kod segerak. async/await async/await

Apakah prototaip dalam JavaScript?

Prototaip dalam JavaScript adalah mekanisme untuk objek JavaScript untuk mewarisi ciri -ciri antara satu sama lain. JavaScript sering dipanggil bahasa berasaskan prototaip, dan pemahaman prototaip adalah kunci untuk memahami JavaScript.

Bolehkah anda menerangkan perbezaan antara "" dan "" dalam JavaScript?

== "" adalah pengendali kesamaan longgar yang menukarkan operan ke jenis yang sama sebelum membuat perbandingan. "" adalah pengendali kesamaan yang ketat, yang tidak melakukan penukaran jenis, ia membandingkan operan seperti itu. ===

Apakah gelung acara di JavaScript?

==

Loop acara adalah mekanisme dalam JavaScript yang sentiasa memeriksa sama ada timbunan panggilan kosong. Jika ya, ia mengambil tugas pertama dari barisan tugas dan menolaknya ke timbunan panggilan. Ia membolehkan JavaScript menjadi tidak menyekat dan mengendalikan operasi tak segerak.

Apakah janji JavaScript?

Janji dalam JavaScript adalah objek yang menunjukkan bahawa operasi tak segerak akhirnya selesai atau gagal. Mereka boleh berada di salah satu daripada tiga negeri: menunggu, selesai, atau ditolak. Janji digunakan untuk mengendalikan operasi tak segerak dengan cara yang lebih fleksibel daripada panggilan balik.

Apakah corak reka bentuk JavaScript biasa?

Beberapa corak reka bentuk JavaScript biasa termasuk mod modul, mod prototaip, mod pemerhati, dan mod singleton. Memahami corak ini dapat membantu anda menulis lebih cekap, lebih mudah untuk dikekalkan, dan kod yang lebih baik.

Atas ialah kandungan terperinci 5 Latihan Temuduga JavaScript Tipikal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!