5典型的なJavaScriptインタビューエクササイズ

コアポイント

• 一般的なJavaScriptインタビューの質問は、通常、範囲、ネイティブメソッド、プロモーション、キーワード、thisおよびcall()関数の作成などの重要な概念を理解することを中心に展開します。 apply()
javascriptでは、関数のコンテキストとそれをどのように呼び出すかを理解することが重要です。
• キーワードは、コンテキストを指します。これは、関数がオブジェクトの一部として呼び出されるか、スタンドアロン関数として呼ばれるかによって異なります。 this JavaScriptの標高とは、変数と関数が封じ込め範囲の上部に移動されるプロセスを指します。ただし、関数はその初期値を保持しますが、変数はそうではなく、最初は
に設定されます。
• undefined
JavaScript開発者は、IT分野で非常に人気があります。この役割があなたの知識を最もよく反映している場合、あなたはあなたの雇用会社を変えてあなたの給料を増やす多くの機会があります。しかし、会社に雇われる前に、インタビュープロセスに合格するスキルを実証する必要があります。この記事では、フロントエンドの就職インタビューで5つの一般的なテスト候補JavaScriptスキルとそれらの関連ソリューションを紹介します。これは楽しいでしょう！

質問1：scope

次のコードを検討してください：

コンソールは何を印刷しますか？

(function() {
   var a = b = 5;
})();

console.log(b);

回答

上記のコードが印刷されます5。この問題の秘trickは、即時の実行関数式（IIFE）には2つの割り当てステートメントがあるが、可変

はキーワード

で宣言されていることです。これは、aが関数のローカル変数であることを意味します。代わりに、varはグローバルスコープに割り当てられます。この問題のもう1つのトリックは、関数内で厳密なパターン（a）を使用しないことです。 Strictモードが有効になっている場合、コードはエラー「b」をスローします。厳密なパターンでは、それが予想される動作である場合、グローバルスコープを明示的に参照する必要があることを忘れないでください。したがって、これを書く必要があります：'use strict'; Uncaught ReferenceError: b is not defined

(function() {
   'use strict';
   var a = window.b = 5;
})();

console.log(b);

質問2：「ネイティブ」メソッドを作成します

オブジェクトで

関数を定義します。この関数は整数を受け入れ、文字列を繰り返す必要がある回数を指定します。この関数は、指定された回数繰り返される文字列を返します。たとえば、String repeatify

印刷する必要があります。

console.log('hello'.repeatify(3));

hellohellohello回答

可能な実装は次のとおりです この質問は、JavaScriptの継承と

プロパティに関する開発者の理解をテストします。また、開発者はネイティブデータ型の機能を拡張できることも確認しています（ただし、実行すべきではありません）。ここでのもう1つの重要なポイントは、定義されている可能性のある上書き機能を避ける方法を理解することを証明することです。これは、独自の関数を定義する前に関数が存在しないかどうかをテストすることによって行われます。

この手法は、JavaScript関数をシミュレートするように求められる場合に特に役立ちます。

String.prototype.repeatify = String.prototype.repeatify || function(times) {
   var str = '';

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

   return str;
};

質問3：改善

このコードを実行した結果は何ですか？なぜ？

(function() {
   var a = b = 5;
})();

console.log(b);

回答

このコードの結果は

およびundefinedです。その理由は、変数と関数の両方が宣伝されているため（関数の上部に移動）、変数は割り当てられた値を保持していません。したがって、変数を印刷するときは、関数に存在します（宣言されています）が、それでも2です。言い換えれば、上記のコードは次のコードと同等です。 a undefined

質問4：

(function() {
   'use strict';
   var a = window.b = 5;
})();

console.log(b);

javascript

でどのように機能しますか this次のコードの結果は何ですか？あなたの答えを説明してください。

回答

console.log('hello'.repeatify(3));

コードプリントおよび

。その理由は、javaScriptの関数のコンテキスト（

キーワードは何を参照するか）は、機能がどのように定義されているかではなく、関数の呼び出に依存するためです。最初のAurelio De Rosa呼び出しでは、John Doeオブジェクトの関数と呼ばれます。したがって、コンテキストは後者を指し、関数はオブジェクトのthisプロパティを返します。それどころか、console.log()がgetFullname()変数に割り当てられている場合、コンテキストはグローバルオブジェクト（obj.prop）を指します。これは、グローバルオブジェクトのプロパティとして暗黙的に設定されるために発生します。したがって、関数はfullnameという名前の属性の値を返します。これは、この場合、コードスニペットの最初の行のコードによって設定された値です。 getFullname() testwindow質問5：testおよびwindow fullname 前の号のバグを修正して、最後の号が印刷されるように

。

call()回答apply()

この問題は、関数のコンテキストを強制するために

またはconsole.log()関数を使用して修正できます。あなたがそれらとそれらの違いを理解していない場合は、私はあなたが記事「Aurelio De Rosaと

の違い」を読むことをお勧めします。次のコードでは、

を使用しますが、この場合、は同じ結果が生成されます。

結論call()apply() この記事では、インタビュー中にJavaScript開発者をテストするために使用される5つの一般的な質問について説明します。実際の質問はインタビューごとに異なる場合がありますが、対象となる概念とトピックはしばしば非常に似ています。私はあなたが楽しんで、あなたの知識をテストすることを願っています。インタビュー中に他の興味深い質問をされている場合は、お気軽に共有してください。これは多くの開発者に役立ちます。 function.call function.applycall()faqs（faq）apply()

String.prototype.repeatify = String.prototype.repeatify || function(times) {
   var str = '';

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

   return str;
};

インタビューをエンコードするJavaScriptでは、どのような一般的な間違いを避けるべきですか？

最も一般的な間違いの1つは、エンコードを開始する前に問題を完全に理解していないことです。時間をかけて問題を理解し、必要に応じて説明をしてください。別の間違いは、エッジケースが考慮されないことです。潜在的なエッジケースとコードがそれらをどのように処理するかを常に考慮してください。また、ハードコーディングされた値を避けてください。ソリューションは、提供された例だけでなく、すべての入力に対して機能するはずです。最後に、思考プロセスを伝えることを忘れないでください。インタビュアーは、最終的な解決策だけでなく、あなたの問題に対するあなたの解決策に興味があります。

インタビューをエンコードするJavaScriptの準備方法は？

まず、JavaScriptの基本的な知識を完全に理解する必要があります。これには、閉鎖、約束、async/await、ES6機能などの概念の理解が含まれます。 LeetCode、Hackerrank、Codewarsなどのプラットフォームでのコード化の問題を練習します。また、一般的なJavaScriptインタビューの質問を読んで、自分で解決してみてください。最後に、JavaScriptの根本的な作業原則を理解します。これには、イベントループの非ブロッキング機能、コールスタック、JavaScriptの理解が含まれます。

JavaScriptの閉鎖とは何ですか？なぜそれらが重要なのですか？

JavaScriptの閉鎖は、親関数が閉じられていても、親スコープにアクセスできる関数です。データプライバシーを有効にし、機能工場とモジュールのパターンで使用されるため、重要です。閉鎖を理解することは、JavaScriptの基本的な部分であるため、重要です。

JavaScriptの「」の概念を説明できますか？ this JavaScriptの

""は特別なキーワードであり、関数を呼び出すというコンテキストを指します。その値は、関数がどのように呼び出されるかに依存します。グローバルオブジェクト、現在関数によって処理されているオブジェクト、コンストラクターによって作成されたオブジェクト、または

、this、またはcallメソッドを使用するときに指定されたオブジェクトを参照できます。 apply bind

JavaScriptは非同期操作をどのように処理しますか？

JavaScriptは、コールバック、約束、

を使用して非同期操作を処理します。コールバックは、他の機能への引数として渡される関数であり、一部の操作が完了した後に呼び出されます。約束は、非同期操作が最終的に完了または故障したことを示すオブジェクトです。

は、非同期コードを同期コードのように見せて動作させる可能性のある構文糖です。 async/await async/await

JavaScriptのプロトタイプとは何ですか？

JavaScriptのプロトタイプは、JavaScriptオブジェクトが互いに機能を継承するメカニズムです。 JavaScriptはしばしばプロトタイプベースの言語と呼ばれ、プロトタイプを理解することはJavaScriptを理解するための鍵です。

javascriptの「

」と「」の違いを説明できますか？ ===== "

"は、比較する前にオペランドを同じタイプに変換するゆるい平等演算子です。 「

」は厳格な平等オペレーターであり、タイプ変換を実行しないため、オペランドをそのまま比較します。 == ===

JavaScriptのイベントループとは何ですか？

イベントループは、コールスタックが空であるかどうかを常にチェックするJavaScriptのメカニズムです。はいの場合、タスクキューから最初のタスクを取得し、コールスタックにプッシュします。 JavaScriptが非ブロッキングになり、非同期操作を処理できます。

JavaScriptの約束とは何ですか？

JavaScriptの約束は、非同期操作が最終的に完了または失敗したことを示すオブジェクトです。それらは、3つの州のいずれかにあることができます：待機、完了、または拒否。約束は、コールバックよりも柔軟な方法で非同期操作を処理するために使用されます。

一般的なJavaScriptデザインパターンは何ですか？

いくつかの一般的なJavaScriptの設計パターンには、モジュールモード、プロトタイプモード、オブザーバーモード、シングルトンモードが含まれます。これらのパターンを理解することで、より効率的で、維持しやすく、より拡張可能なコードを作成するのに役立ちます。

以上が5典型的なJavaScriptインタビューエクササイズの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。