Terdapat empat jenis utama masalah JavaScript frekuensi tinggi dalam wawancara depan: 1. Skop dan penutupan, anda perlu memahami senario aplikasi dan punca kebocoran memori, dan anda boleh melaksanakan seperti kaunter; 2. Arah ini, anda perlu menguasai konteks panggilan dan fungsi anak panah; 3. Prototaip dan warisan, memahami proses pelaksanaan pembina, prototaip, hubungan proto dan baru; 4. Pengaturcaraan Asynchronous dan gelung acara, membezakan antara tugas makro dan tugas mikro, dan menguasai prinsip dan perintah pelaksanaan janji dan async/menunggu. Isu-isu ini diperiksa pemahaman yang mendalam dan keupayaan aplikasi praktikal, dan perlu menguasai mekanisme teras dalam kombinasi dengan amalan.

Sekiranya anda bersiap untuk temu bual untuk kedudukan pembangunan depan, terutamanya bahagian JavaScript, anda mungkin tertanya-tanya: Apa sebenarnya soalan yang paling sering ditanya? Adakah terdapat titik pengetahuan teras yang mesti dikuasai?

Jawapannya adalah ya. Di bawah ini kami telah menyusun beberapa mata pengetahuan JS dan isu-isu yang berkaitan yang sering muncul dalam wawancara front-end dan mudah diabaikan untuk membantu anda memeriksa ketinggalan.

Skop dan penutupan: bukan sekadar soalan konseptual

Inilah yang hampir setiap wawancara depan melibatkan. Ramai pelajar tahu bahawa "penutupan adalah fungsi yang mengakses pembolehubah luaran", tetapi tidak banyak orang benar -benar dapat menjelaskan senario aplikasi dan kesan sampingan.

• Contoh Soalan Lazim:
  • Apa itu penutupan?
  • Mengapa penutupan mungkin menyebabkan kebocoran ingatan?
  • Melaksanakan kaunter menggunakan penutupan?

Dalam aplikasi praktikal, penutupan sering digunakan dalam kod modular dan merangkumi pembolehubah peribadi. Contohnya:

 fungsi createCounter () {
  biarkan Count = 0;
  fungsi kembali () {
    kiraan;
    Console.log (Count);
  };
}
const counter = createCounter ();
kaunter (); // 1
kaunter (); // 2

Pada masa ini, pewawancara boleh bertanya: "Bagaimana lagi ia dapat dicapai tanpa penutupan?" atau "Bilakah pembolehubah kiraan ini akan dikeluarkan?" Soalan semacam ini sebenarnya mengkaji pemahaman anda tentang mekanisme pengumpulan sampah.

Sudut pandangan ini: berhenti menghafalnya dengan rote

Ini adalah salah satu kata kunci yang paling rawan dalam JS. Ramai orang bergantung pada menghafal peraturan mengikat yang berbeza untuk menilai arah ini, tetapi apabila mereka menghadapi persoalan variasi semasa wawancara, mereka mungkin terjebak.

• Titik utama adalah untuk memahami konteks panggilan:
  • Siapa yang memanggil fungsi itu?
  • Adakah fungsi itu mengubahnya dengan mengikat, memanggil, memohon?
  • Adakah fungsi anak panah? (Fungsi anak panah tidak mempunyai ini sendiri)

Contohnya:

 const obj = {
  Nama: 'Alice',
  salam: fungsi () {
    setTimeout (fungsi () {
      console.log (this.name); // Undefined
    }, 100);
  },
};
obj.greet ();

Pada masa ini ini menunjukkan tetingkap atau tidak ditentukan (mod ketat), bukan OBJ. Penyelesaiannya biasanya menggunakan fungsi anak panah atau cache ini terlebih dahulu:

 setTimeout (() => {
  console.log (this.name); // Alice
}, 100);

Prototaip dan warisan: asas tetapi mudah untuk mengabaikan perincian

Walaupun ES6 kini memperkenalkan sintaks kelas, lapisan asas masih berdasarkan rantaian prototaip. Ramai pemaju hanya tinggal di tahap "kelas meluas" dan mengabaikan intipati rantaian prototaip.

• Soalan yang sering ditanya termasuk:
  • Apakah hubungan antara pembina, prototaip, dan proto ?
  • Apa kata kunci baru?
  • Bagaimana untuk melaksanakan warisan?

Proses baru dapat diringkaskan ke dalam langkah -langkah berikut:

• Buat objek kosong {}
• Tetapkan proto objek ini untuk menunjuk kepada prototaip pembina
• Arahkan ini dalam pembina ke objek dan laksanakan
• Kembalikan objek ini (melainkan jika pembina mengembalikan objek lain)

Memahami ini akan membantu anda mengelakkan kesilapan ketika menulis struktur kelas kompleks.

Pengaturcaraan Asynchronous dan Loop Acara: Perkara yang mesti dijelaskan dengan jelas

Pemprosesan Asynchronous adalah ciri utama JS dan juga mesti ada untuk wawancara. Dari panggil balik ke janji untuk async/menunggu, maju lapisan dengan lapisan.

• Soalan yang sering ditanya termasuk:
  • Apakah perbezaan antara tugas makro vs tugas mikro?
  • Menjanjikan aliran status?
  • Bagaimanakah async/menunggu yang mendasari dilaksanakan?

Untuk memberikan contoh klasik:

 console.log ('start');

setTimeout (() => {
  console.log ('timeout');
}, 0);

Janji.Resolve (). Kemudian (() => {
  console.log ('janji');
});

console.log ('end');

Pesanan output adalah:

 Mula
Akhir
Janji
Tamat tempoh

Ini kerana janji. Kemudian tergolong dalam tugas-tugas mikro dan mengambil keutamaan atas pelaksanaan makro-tugas. Soalan semacam ini sangat biasa, tetapi ramai pelajar hanya ingat pesanan dan tidak memahami mekanisme gelung acara di belakangnya.

Pada dasarnya itu sahaja. Soalan -soalan ini tidak dapat dipegang sepenuhnya oleh Cramming sementara. Adalah disyorkan untuk memikirkan lebih lanjut mengenai prinsip -prinsip ketika menulis kod dan memahami mereka dalam kombinasi dengan amalan, supaya anda dapat berurusan dengan mereka secara bebas semasa wawancara.

Atas ialah kandungan terperinci JS terbaik untuk soalan wawancara pemaju depan teratas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!