プロJavaScriptプログラマーのインタビューの質問（回答あり）[終了]

応募者が本当にプロのJavaScript（ブラウザ側）開発者であるかどうかを判断するための良い質問は何ですか？

特別なJavaScriptプログラマではないが、実際にオブジェクト指向で再利用可能で保守可能な、専門的なJavaScript開発を行っているかどうかを区別できる質問。

回答を提供してください。中級および臨時のJavaScriptプログラマーが、経験豊富な誰かにインタビューできるようにしてください。これらの高度な質問のかなりの数に対する回答を思い付くと、私にはわからなくなります。未解決の質問は避けてください。

より良い読書体験と面接準備を容易にするために、SOの回答ごとに1つの面接質問/回答を保管してください。

JavaScriptは非常に小さな言語ですが、信じられないほど複雑なので、比較的基本的な質問をして、その答えに基づいて本当に優れているかどうかを確認できるはずです。たとえば、残りのインタビューを評価するための標準的な最初の質問は次のとおりです。

JavaScriptでは、どのような違いであるvar x = 1とはx = 1？必要に応じて、できるだけ詳細に回答してください。

初心者のJSプログラマーは、ローカルとグローバルについて基本的な答えがあるかもしれません。中級のJSの人は間違いなくその答えを持っているはずであり、おそらく関数レベルのスコープについて言及すべきです。自分自身を「高度な」JSプログラマと呼ぶ人は、ローカル、暗黙のグローバル、windowオブジェクト、関数スコープ、宣言ホイスト、スコープチェーンについて話す準備ができている必要があります。さらに、[[DontDelete]]優先順位の引き上げ（パラメーターvs var対function）、およびについても知りたいですundefined。

別の良い質問は、sum()任意の数の引数を受け入れ、それらの合計を返す関数を書くように依頼することです。次に、その関数を（変更せずに）使用して、配列内のすべての値を合計するように依頼します。彼らは次のような関数を書くべきです：

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

そして、彼らはこのようにあなたの配列でそれを呼び出すべきです（のコンテキストはapply何でもかまいませんnull、その場合私は通常使用します）：

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

それらの答えがある場合、おそらくJavaScriptを知っています。次に、テスト、ワークフロー、バージョン管理などの非JS固有のものについて彼らに尋ねて、彼らが優れたプログラマーであるかどうかを調べる必要があります。

基本的なJSプログラミング

• Scope of variable
• なにAssociative Array？どうやって使うの？

OOPS JS

• Difference between Classic Inheritance and Prototypical Inheritance
• なにdifference between private variable, public variable and static variable？JSでこれをどのように達成しますか？
• add/remove properties to object実行時の方法は？
• 達成するにはinheritance？
• どうやってextend built-in objects？
• なんでextending array is bad idea？

DOMとJS

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

その他

• Graceful Degradation V/s Progressive Enhancement

「これ」について尋ねます。これは、JavaScript開発者の真のテストになり得る1つの良い質問です。

（私はあなたがブラウザサイドのJavaScriptを意味すると仮定しています）

JavaScriptに関する彼の無限の知識にもかかわらず、jQuery、Mootools、Prototypeなどの既存のフレームワークを使用することは依然として良い考えである理由を彼に尋ねてください。

回答：優れたコーダーコード、優れたコーダーの再利用。ブラウザ固有の実装からDOM機能を抽象化するために、これらのライブラリには何千時間もの時間が費やされています。修正を再発明するためだけに、さまざまなブラウザDOMのすべてに頭を悩ます必要はありません。

ユーザーがJavaScriptをオフにしている場合、またはJavaScriptが使用できない場合に、ページが引き続き使用可能であることを確認する方法を尋ねます。

正解は1つではありませんが、プログレッシブエンハンスメントのいくつかの戦略について話している答えを探しています。

プログレッシブエンハンスメントは、次のコア原則で構成されています。

• 基本的なコンテンツはすべてのブラウザからアクセスできる必要があります
• すべてのブラウザが基本機能にアクセスできる必要があります
• 疎でセマンティックなマークアップにはすべてのコンテンツが含まれます
• 外部リンクされたCSSによって拡張レイアウトが提供されます
• 拡張された動作は、外部リンクJavaScript [[Unobtrusive JavaScript | unobtrusive]]によって提供されます
• エンドユーザーのブラウザー設定が尊重されます

偶発的なクローズがIEでメモリリークを引き起こす可能性があるかどうかを尋ねます。

「どの単体テストフレームワークを使用していますか？なぜですか？」

実際にテストフレームワークを使用する必要があるかどうかを判断できますが、会話から、その人の専門家について多くのことがわかります。

中間のプログラマーは、ツールの技術的な熟練が必要です。

上記の技術的な電話スクリーン風の質問に合格した場合は、その場で愚かな何か、たとえばajax urlの短いものなどをスケッチしてもらいます。次に、彼のポートフォリオで彼を焼きます。驚くべきポートフォリオはありません=このドメインの中間開発者であり、あなたがあなたの光沢のある新しいプロジェクトを担当したい人ではありません。