JavaScriptとjQueryのよくある面接問題


前言
 javascriptとjQueryは先端開発において大きな役割を果たしており、面接の過程においても欠かせない話題ではないでしょうか.だから面接で出会う問題を集めて、みんなと共有しました!
JavaScriptセクション
  • 次のコードは何がコンソールに印刷されますか?
  • (function(){
    	var a = b = 5;
    })();
    
    console.log(b);
    

      の上のコードは5を印刷し、関数変数の付与過程を解くには以下のようにします.
    b = 5;
    var a =b;
    

    したがって、bはグローバル変数となり、aは関数の局所変数である.
  • このコードを実行し、どのような結果を出力しますか?
  • function test() {
    	console.log(a);
    	console.log(foo());
    	var a = 1;
    	function foo(){
    		return 2;
    	}
    }
    test();
    

      コードの結果はundefinedと2;次の手順を実行します.
    function test(){
    	var a;
    	function foo(){
    		return 2;
    	}
    	console.log(a);
    	console.log(foo());
    
    	a = 1;
    }
    test();
    

     変数aは宣言するが付与されていないためundefinedである.呼び出し関数は結果2を返します.
  • javascriptはオブジェクト向けですが、JavaScriptの継承関係をどう表現しますか?

  •   prototypeを使用して実現します.
  • JSの3種類のポップアップメッセージ通知のコマンドは何ですか?

  •  alert-警告ウィンドウ confirm-確認ウィンドウ prompt-情報入力ウィンドウ
  • innerHTML,innerText,outerHTML,outerTextの違い:
  •  innerHTMLとouterHTMLは、オブジェクトの内容を設定する際に含まれるHTMLが解析され、innerTextとouterTextは解析されません. 設定時、innerHTMLとinnerTextはラベル内のテキストのみを設定し、outerHTMLとouterTextはラベルを含むテキストを設定します.
  • 何がNaN?

  •   NaNはNot a Numberの略で、JavaScriptの特殊な数値で、そのタイプはNumberで、isNaN(param)によって1つの値がNaNであるかどうかを判断することができます:
    console.log(isNaN(NaN));           //true
    console.log(isNaN(23));           //false
    console.log(NaN === NaN);     //false
    console.log(NaN === undefined);        //false
    console.log(undefined === undefined);      //true
    console.log(NaN == NaN);      //false
    console.log(typeof NaN);           //number
    

    jQueryセクション
  • jQueryのドル記号$は何の役に立つのか
  • ドル記号$はjQueryの別名で、jQueryのセレクタです.次のようになります.
    $(document).ready(function(){                //     jQuery  $
    
    });
    

      jQueryでは、このドル記号によって様々な柔軟なDOM要素選択を実現することができ、例えば$("#main")「idがmainである要素を選択する」.
  • bodyのonload()関数とjQueryのdocument.ready()の違いは何ですか?

  •   document.ready()関数は、ページDOM要素のロードが完了すると呼び出され、onload()関数は、画像、オーディオを含むすべての関連リソースのロードが完了すると呼び出されます.ページで複数のdocumentを使用できます.ready()ですが、onload()は一度しか使用できません.
  • jQueryを使用してページ上のすべての要素の枠線を2 px幅の赤い破線に設定
  • 
    	$("*").css("border","2px dotted red");
    
    
  • jQuery中$.get()提出と$.post()提出の違いはありますか? $.get()メソッドgetメソッドを使用して非同期リクエストを行う場合、$.post()メソッドpostメソッドを使用して非同期リクエストを行う場合.  get要求はパラメータをURLの後について伝達し、post要求はHTTPメッセージの実体コンテンツとしてWebサーバに送信する. get方式で伝送されるデータサイズは2 KBを超えてはならないが、postはずっと大きい. get方式のリクエストのデータはブラウザにキャッシュされるため、セキュリティの問題があります.
  • jQueryではどのようにスタイルを操作しますか?

  •   addClass()追加スタイル;スタイルを削除します.スタイルを切り替えます.
    まとめ
    これは一部の内容ですが、詳しくは「W 3 School」の内容を学び、理論を身につけた上で実践することができます.