Pro JavaScript programcısı mülakat soruları (cevaplarla birlikte) [kapalı]

Başvuru sahibinin gerçekten profesyonel bir JavaScript (tarayıcı tarafı) geliştiricisi olup olmadığını belirlemek için iyi sorular nelerdir?

Bir kişinin geçici bir JavaScript programcısı olup olmadığını, ancak gerçekten profesyonel JavaScript geliştirme, nesne yönelimli, yeniden kullanılabilir ve bakımı yapıp yapmadığını ayırt edebilecek sorular.

Lütfen cevaplar verin , böylece orta ve geçici JavaScript programcıları daha deneyimli biriyle röportaj yapabilir; bu ileri düzey soruların epeyce yanıtını bulmanız benden kaçacaktır. Lütfen açık sorulardan kaçının .

Daha iyi okuma deneyimi ve daha kolay mülakat hazırlığı için lütfen SO cevabı başına bir mülakat sorusu / cevabı bulundurun .

JavaScript çok küçük bir dil olduğu için, yine de inanılmaz karmaşıklığa sahip olduğundan, nispeten basit sorular sorabilmeli ve cevaplarına göre gerçekten bu kadar iyi olup olmadıklarını öğrenebilmelisiniz. Örneğin, görüşmenin geri kalanını ölçmek için standart ilk sorum şudur:

JavaScript'te var x = 1ve arasındaki fark x = 1nedir? Kendinizi rahat hissettiğiniz kadar çok veya az ayrıntıyla yanıt verin.

Acemi JS programcılarının yereller ve küreseller hakkında temel bir cevabı olabilir . Orta düzey JS çalışanları kesinlikle bu cevaba sahip olmalı ve muhtemelen işlev düzeyinde kapsamdan bahsetmelidir. Kendisine "gelişmiş" JS programcısı diyen herkes, yereller, dolaylı küreseller, windownesne, işlev kapsamı, bildirim kaldırma ve kapsam zincirleri hakkında konuşmaya hazır olmalıdır . Ayrıca, [[DontDelete]]öncelik yükseltme (parametreler vs varvs function) ve hakkında duymak isterim undefined.

Bir başka iyi soru da, sum()herhangi bir sayıda argümanı kabul eden ve toplamlarını döndüren bir işlev yazmalarını istemektir . Ardından, bir dizideki tüm değerleri toplamak için bu işlevi (değişiklik yapmadan) kullanmalarını isteyin. Şöyle görünen bir işlev yazmaları gerekir:

function sum() {
  var i, l, result = 0;
  for (i = 0, l = arguments.length; i < l; i++) {
    result += arguments[i];
  }
  return result;
}
sum(1,2,3); // 6

Ve bunu sizin dizinizde applyşu şekilde çağırmaları gerekir (bağlamı ne olursa olsun, genellikle nullbu durumda kullanırım):

var data = [1,2,3];
sum.apply(null, data); // 6

Bu cevaplara sahiplerse, muhtemelen JavaScript'lerini biliyorlardır. Daha sonra, iyi bir programcı olup olmadıklarını öğrenmek için testler, iş akışları, sürüm kontrolü vb. Gibi JS'ye özgü olmayan şeyleri sormaya devam etmelisiniz .

Temel JS programlama

• Scope of variable
• Nedir Associative Array? Nasıl Kullanıyoruz?

OOPS JS

• Difference between Classic Inheritance and Prototypical Inheritance
• Nedir difference between private variable, public variable and static variable? Bunu JS'de nasıl başarırız?
• add/remove properties to objectÇalışma zamanında nasıl yapılır ?
• Nasıl başarılır inheritance?
• Nasıl yapılır extend built-in objects?
• Neden extending array is bad idea?

DOM ve JS

• Difference between browser detection and feature detection
• DOM Event Propagation
• Event Delegation
• Event bubbling V/s Event Capturing

Çeşitli

• Graceful Degradation V/s Progressive Enhancement

"Bunu" sorun. Bu, JavaScript geliştiricisinin gerçek testi olabilecek iyi bir sorudur.

(Tarayıcı tarafı JavaScript'i kastettiğinizi varsayıyorum)

Sonsuz JavaScript bilgisine rağmen jQuery, Mootools, Prototype vb. Gibi mevcut çerçeveleri kullanmanın hala iyi bir fikir olduğunu sorun.

Cevap: İyi kodlayıcılar, harika kodlayıcılar yeniden kullanır. DOM yeteneklerini tarayıcıya özel uygulamalardan soyutlamak için bu kitaplıklara binlerce çalışma saati harcandı. Düzeltmeleri yeniden icat etmek için tüm farklı tarayıcı DOM baş ağrılarını kendi başınıza gözden geçirmeniz için hiçbir neden yok.

Kullanıcı JavaScript'i kapattığında veya JavaScript mevcut olmadığında sayfalarının kullanılabilir olmaya devam etmesini nasıl sağladıklarını sorun.

Tek Bir Doğru Cevap yoktur, ancak Aşamalı Geliştirme için bazı stratejiler hakkında konuşan bir cevap bekliyorsunuz .

Aşamalı İyileştirme aşağıdaki temel ilkelerden oluşur:

• temel içerik tüm tarayıcılar tarafından erişilebilir olmalıdır
• temel işlevsellik tüm tarayıcılar tarafından erişilebilir olmalıdır
• seyrek, anlamsal biçimlendirme tüm içeriği içerir
• gelişmiş düzen, harici olarak bağlantılı CSS tarafından sağlanır
• gelişmiş davranış [[Unobtrusive JavaScript | unobtrusive]], harici olarak bağlantılı JavaScript tarafından sağlanır
• son kullanıcı tarayıcı tercihlerine saygı duyulur

Kazara kapanmaların IE'de bellek sızıntılarına nasıl neden olabileceğini sorun .

"Hangi birim test çerçevesini kullanıyorsunuz? Ve neden?" Diye sorun.

Gerçekten bir test çerçevesi kullanmanın gerçekten gerekli olup olmadığına karar verebilirsiniz, ancak konuşma, kişinin ne kadar uzman olduğu hakkında size çok şey söyleyebilir.

orta seviye programcılar araçları konusunda teknik uzmanlığa sahip olmalıdır.

Yukarıdaki teknik telefon ekranına benzer soruları geçerse, ajax url kısaltıcı gibi aptalca bir şey çizmesini sağlayın. sonra portföyünde onu ızgara. inanılmaz bir portföy yok = bu alanda ara geliştirici ve parlak yeni projenizden sorumlu olmasını istediğiniz kişi değil.