収集する価値のある厳選された Web フロントエンド面接の質問を共有します (回答付き)

この記事では、Web フロントエンドの面接で収集する価値のある厳選された質問をいくつかまとめています (回答付き)。一定の参考値があるので、困っている友達が参考になれば幸いです。

js 面接の質問

• 1.js データ型

  • 基本データ型
    数値、文字列、ブール値、Null、未定義、シンボル、bigInt
  • 参照データ型
    オブジェクト、配列、日付、関数、RegExp
• #2. js の変数と関数の宣言の昇格
  #js 内の変数と関数の宣言は、
  • # を実行するために最上位に昇格されます。 ## 関数のプロモーションは変数のプロモーションよりも上位です。
  • 関数内で var を使用して同じ名前の外部変数が宣言されている場合、関数は上向き検索を実行しなくなります。
  • 匿名関数はプロモートされません。
3. クロージャ

• クロージャは、他の関数の内部変数を読み取ることができる関数です
  • 基本的に、クロージャ 内部で関数を返す関数です
  • メリット
  • 関数内で変数を読み込むことができます
    • 変数を常にメモリ上に保持します
    • オブジェクトのプライベート プロパティとプライベート メソッドをカプセル化できます
    欠点
  • より多くのメモリを消費し、不適切に使用するとメモリ オーバーフローが発生する可能性があります
4. == と ===

• == の違いは、厳密ではない意味での平等です。
  • 等しい値は等しいです。
    === は厳密な意味での等価であり、両側のデータ型と値のサイズを比較します。
  • 等しい場合にのみ、値と参照アドレスは等しい
5.this

• thisは常に関数の直接の呼び出し元を指します
  • 新しいキーワードがある場合、これは new からのオブジェクトを指します
  • イベントの場合、これはイベントをトリガーしたオブジェクトを指します
  ##6. js 配列とオブジェクトを走査する方法

• for in

  for
  • forEach
  • for-of
  • ##7. Map と forEach の違い
• forEach メソッドは、トラバーサルとループという最も基本的なメソッドで、デフォルトで渡されるパラメータは 3 つあります。走査された配列

  の内容、配列インデックス インデックス、および現在走査された配列 Array

  map メソッド。基本的な使用法は forEach と同じですが、新しい配列を返すため異なります。 callback
  • は戻り値を持つ必要がありますが、そうでない場合は未定義を返します
    
  • 
    
  8. アロー関数と通常の関数の違いは何ですか?
• 関数本体内の this オブジェクトは、それが使用されるオブジェクトではなく、定義されるオブジェクトです。
  コンストラクターとして使用することはできません。つまり、新しいコマンドは使用できません。そうでない場合は、エラーがスローされます。
  • 引数オブジェクトは使用できません。また、オブジェクトは関数本体に存在しません。これを使用したい場合は、代わりに Rest パラメーターを使用できます。
  • yield コマンドは使用できないため、アロー関数をジェネレーター関数として使用できません
  9. 同一オリジン ポリシー
• ##同じオリジンとは、同じドメイン名、プロトコル、およびポート番号を指します
  • 10。クロスドメインの問題を解決する方法
• jsonp クロスドメイン
  document.domain iframe クロスドメイン
  #nodejs ミドルウェア プロキシ クロスドメイン
  • バックエンドはヘッダー情報に安全なドメイン名を設定します
  • #11. 厳密モードの制限事項
  • ##変数は使用前に宣言する必要があります
関数のパラメータに同じ属性を持たせることはできません。そうでない場合は、エラーが報告されます

• with ステートメントは使用できません

  #これがグローバル オブジェクトを指すことを禁止します
  • 12、es6 の新規追加
  • 新しいテンプレート文字列
  アロー関数
• for-of (データの走査に使用) —配列内の値など。)
  ES6 は Promise オブジェクトを仕様に組み込み、ネイティブの Promise オブジェクトを提供します。
  • 変数を宣言するための let および const コマンドを追加しました。
  #モジュール module という概念の導入もあります
  • 13. 属性とプロパティの違いは何ですか?
  • Attribute は、dom 要素がドキュメント内の html タグとして持つプロパティ
  • property が、dom 要素が js 内のオブジェクトとして持つプロパティです。
HTML の標準属性の場合、属性とプロパティは同期され、自動的に更新されます

• ただし、カスタム属性の場合は同期されません

  • 14. let と const の違いは何ですか?
  • let コマンドには変数プロモーションがありません。let より前に使用すると、エラーが報告されます
  • ある場合let および const コマンドがブロック領域内にある場合、閉じたスコープが形成されます。
繰り返しの宣言は許可されません

• const は定数を定義し、変更できませんが、オブジェクトを定義する場合、オブジェクト内のデータは変更可能です

  • 15. メモリ リーク
  • 定義: プログラム内で動的に割り当てられたヒープ メモリが変更されていません。何らかの理由で割り当てられている、リリースできない、またはリリースできないことによって引き起こされるさまざまな問題。
  • js でメモリ リークが発生する可能性: 結果: 速度低下、クラッシュ、大きな遅延など。
js でメモリ リークが発生する考えられる原因

• グローバル変数

  dom がクリアされても参照が残っています
  • タイマーはクリアされません
  • サブ要素の存在によるメモリ リーク
  • • ##16. スクリプトの導入方法は?
    • • html 静的 概要
      • js 動的挿入
      • ## : 非同期読み込み、要素の解析が完了した後に実行されます
      • 著者別の最新記事

        • Redis のセンチネルを詳しく理解する
          2023-04-26 17:59:18
        • 【整理と共有】人気のReact状態管理ツール7選
          2023-04-26 17:47:48
        • Vue2 のキーと Vue3 のキーの違いについて説明した記事
          2023-04-26 17:41:42
        • Nodeのメモリ制御に関する記事
          2023-04-26 17:37:05
        • Excelの実践スキルをシェア：重複値を削除する4つのヒント！
          2023-04-26 17:31:25
        • Wordの実践スキルを共有：簡体字→繁体字変換機能はこんな使い方もできる！
          2023-04-26 17:27:32
        • クロスドメインの問題を解決するにはどうすればよいですか?一般的なソリューションの簡単な分析
          2023-04-25 19:57:58
        • JavaScript のシングルトン パターンを理解するための 1 つの記事
          2023-04-25 19:53:11
        • ノードのバッファーについて詳しく見る
          2023-04-25 19:49:11
        • Vue3 で単体テストを作成する方法を調べる
          2023-04-25 19:41:54
        最新の問題

        d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...

        から 2024-04-06 18:16:26

        0

        1

        403

        無効な React 子要素 (見つかった: キー {clientVersion} を持つオブジェクト)。子要素のコレクションをレンダリングする場合は、代わりに配列を使用してください 複数ステップのフォームを持っているのですが、送信しようとするとこのエラーが表示されます。ただし、createOrganization スケジュールを単純な形式で使用すると、機能しま...

        から 2024-04-06 16:25:39

        0

        1

        346

        Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...

        から 2024-04-06 14:54:03

        0

        2

        421

        ASP クラシック コードを文字列として MYSQL データベースに保存する可能性 ASP クラシック コードを MySQL データベースに保存し、プルされたときにコードを実行させることは可能ですか?たとえば、変数名を文字列に保存し、それを表示する前に ASP を...

        から 2024-04-06 13:38:43

        0

        1

        358

        CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...

        から 2024-04-06 12:53:11

        0

        1

        376
        関連トピック

        詳細>

        • Douyinコメントエリアの写真を携帯電話に保存する方法
        • デジタル通貨取引所ランキングトップ10
        • ヘッダ関数が404失敗を返す理由
        • Mango TV プラグイン
        • Javabeanの属性とは何ですか?
        • ワップブラウザ
        • PythonとC++学習の費用対効果分析
        • MACアドレスとは何ですか