JavaScript 面試題

近年來,從事JavaScript的程序員越來越多,JavaScript的曝光率也越來越高,如果你想轉行試試JavaScript,不妨收下這份面試題及答案,沒準用得上。當然,如果針對這些問題,你有更棒的答案,歡迎移步至評論區。

1、什麼是JavaScript?(這是基本題,對很多程序員來說也是送分題!)

JavaScript是客戶端和服務器端腳本語言,可以插入到HTML頁面中,並且是目前較熱門的Web開發語言。同時,JavaScript也是面向對象編程語言。

類似的基本題目還包括:JavaScript都有哪些類型?JavaScript是誰發明的?......

2、列舉Java和JavaScript之間的區別?

Java是一門十分完整、成熟的編程語言。相比之下,JavaScript是一個可以被引入HTML頁面的編程語言。這兩種語言並不完全相互依賴,而是針對不同的意圖而設計的。 Java是一種面向對象編程(OOPS)或結構化編程語言,類似的如C ++或C,而JavaScript是客戶端腳本語言,它被稱爲非結構化編程。

3. JavaScript和ASP腳本相比,哪個更快?

JavaScript更快。JavaScript是一種客戶端語言,因此它不需要Web服務器的協助來執行。另一方面,ASP是服務器端語言,因此總是比JavaScript慢。值得注意的是,Javascript現在也可用於服務器端語言(nodejs)。

史上最全的Javascript面試題總結(內附答案)

4、什麼是負無窮大?

負無窮大是JavaScript中的一個數字,可以通過將負數除以零來得到。

5、如何將JavaScript代碼分解成幾行嗎?

在字符串語句中可以通過在第一行末尾使用反斜槓“\”來完成

例:document.write("This is \a program");

如果不是在字符串語句中更改爲新行,那麼javaScript會忽略行中的斷點。

例:

var x=1, y=2,

z=

x+y;

上面的代碼是完美的,但並不建議這樣做,因爲阻礙了調試。

6、什麼是未聲明和未定義的變量?

未聲明的變量是程序中不存在且未聲明的變量。如果程序嘗試讀取未聲明變量的值,則會遇到運行時錯誤。未定義的變量是在程序中聲明但尚未給出任何值的變量。如果程序嘗試讀取未定義變量的值,則返回未定義的值。

7、如何編寫可動態添加新元素的代碼?

史上最全的Javascript面試題總結(內附答案)

8、什麼是全局變量?這些變量如何聲明,使用全局變量有哪些問題?

全局變量是整個代碼長度可用的變量,也就是說這些變量沒有任何作用域。var關鍵字用於聲明局部變量或對象。如果省略var關鍵字,則聲明一個全局變量。

例:// Declare a global globalVariable = “Test”;

使用全局變量所面臨的問題是本地和全局變量名稱的衝突。此外,很難調試和測試依賴於全局變量的代碼。

9、解釋JavaScript中定時器的工作?如果有,也可以說明使用定時器的缺點?

定時器用於在設定的時間執行一段代碼,或者在給定的時間間隔內重複該代碼。這通過使用函數setTimeout,setInterval和clearInterval來完成。

  • setTimeout(function,delay)函數用於啓動在所述延遲之後調用特定功能的定時器。

  • setInterval(function,delay)函數用於在提到的延遲中重複執行給定的功能,只有在取消時才停止。

  • clearInterval(id)函數指示定時器停止。

定時器在一個線程內運行,因此事件可能需要排隊等待執行。

10、ViewState和SessionState有什麼區別?

“ViewState”特定於會話中的頁面。

“SessionState”特定於可在Web應用程序中的所有頁面上訪問的用戶特定數據。

11、什麼是===運算符?

===被稱爲嚴格等式運算符,當兩個操作數具有相同的值而沒有任何類型轉換時,該運算符返回true。

12、說明如何使用JavaScript提交表單?

要使用JavaScript提交表單,請使用

document.form [0] .submit();

13、元素的樣式/類如何改變?

可以通過以下方式完成:

document.getElementById(“myText”).style.fontSize = “20?;

document.getElementById(“myText”).className = “anyclass”;

14、JavaScript中的循環結構都有什麼?

For、While、do-while loops

15、如何在JavaScript中將base字符串轉換爲integer?

parseInt() 函數解析一個字符串參數,並返回一個指定基數的整數。parseInt()將要轉換的字符串作爲其第一個參數,第二個參數是給定字符串的基礎。

爲了將4F(基數16)轉換爲整數,所使用的代碼是 :parseInt ("4F", 16);

16、說明“==”和“===”之間的區別?

“==”僅檢查值相等,而“===”是一個更嚴格的等式判定,如果兩個變量的值或類型不同,則返回false。

17、3 + 2 +“7”的結果是什麼?

由於3和2是整數,它們將直接相加。由於7是一個字符串,它將會被直接連接,所以結果將是57。

18、說明如何檢測客戶端機器上的操作系統?

爲了檢測客戶端機器上的操作系統,應使用navigator.appVersion字符串(屬性)。

19、Javascript中的NULL是什麼意思?

NULL用於表示無值或無對象。它意味着沒有對象或空字符串,沒有有效的布爾值,沒有數值和數組對象。

20、delete操作符的功能是什麼?

delete操作符用於刪除程序中的所有變量或對象,但不能刪除使用VAR關鍵字聲明的變量。

21、JavaScript中有哪些類型的彈出框?

Alert、Confirm and、Prompt

22、Void(0)怎麼用?

  • Void(0)用於防止頁面刷新,並在調用時傳遞參數“zero”。

  • Void(0)用於調用另一種方法而不刷新頁面。

23、如何強制頁面加載JavaScript中的其他頁面?

必須插入以下代碼才能達到預期效果:

史上最全的Javascript面試題總結(內附答案)

24、escape字符是用來做什麼的?

使用特殊字符(如單引號,雙引號,撇號和&符號)時,將使用轉義字符(反斜槓)。在字符前放置反斜槓,使其顯示。

例:

史上最全的Javascript面試題總結(內附答案)

25、什麼是JavaScript Cookie?

Cookie是用來存儲計算機中的小型測試文件,當用戶訪問網站以存儲他們需要的信息時,它將被創建。

26、解釋JavaScript中的pop()方法?

pop()方法與shift()方法類似,但不同之處在於Shift方法在數組的開頭工作。此外,pop()方法將最後一個元素從給定的數組中取出並返回。然後改變被調用的數組。

例:

var cloths = [“Shirt”, “Pant”, “TShirt”];

cloths.pop();

//Now cloth becomes Shirt,Pant

27、在JavaScript中使用innerHTML的缺點是什麼?

如果在JavaScript中使用innerHTML,缺點是:內容隨處可見;不能像“追加到innerHTML”一樣使用;即使你使用+ = like“innerHTML = innerHTML +'html'”舊的內容仍然會被html替換;整個innerHTML內容被重新解析並構建成元素,因此它的速度要慢得多;innerHTML不提供驗證,因此我們可能會在文檔中插入有效的和破壞性的HTML並將其中斷。

28、break和continue語句的作用?

  • Break語句從當前循環中退出。

  • continue語句繼續下一個循環語句。

29、在JavaScript中,dataypes的兩個基本組是什麼?

  • Primitive

  • Reference types

原始類型是數字和布爾數據類型。引用類型是更復雜的類型,如字符串和日期。

30、如何創建通用對象?

通用對象可以創建爲:

var I = new object();

31、operator類型用來做什麼?

'Typeof'是一個運算符,用於返回變量類型的字符串描述。

32、哪些關鍵字用於處理異常?

try... Catch-finally用於處理JavaScript中的異常。

史上最全的Javascript面試題總結(內附答案)

33、JavaScript中不同類型的錯誤有幾種?

有三種類型的錯誤:

  • Load time errors:該錯誤發生於加載網頁時,例如出現語法錯誤等狀況,稱爲加載時間錯誤,並且會動態生成錯誤。

  • Run time errors:由於在HTML語言中濫用命令而導致的錯誤。

  • Logical Errors:這是由於在具有不同操作的函數上執行了錯誤邏輯而發生的錯誤。

34、在JavaScript中使用的Push方法是什麼?

push方法用於將一個或多個元素添加或附加到數組的末尾。使用這種方法,可以通過傳遞多個參數來附加多個元素。

35、什麼是JavaScript中的unshift方法?

Unshift方法就像在數組開頭工作的push方法。該方法用於將一個或多個元素添加到數組的開頭。

36、對象屬性如何分配?

屬性按以下方式分配給對象:

obj["class"] = 12;

obj.class = 12;

37、獲得CheckBox狀態的方式是什麼?

alert(document.getElementById('checkbox1')。checked);

如果CheckBox被檢查,此警報將返回TRUE。

38、解釋window.onload和onDocumentReady?

在載入頁面的所有信息之前,不運行onload函數。這導致在執行任何代碼之前會出現延遲。

onDocumentReady在加載DOM之後加載代碼。這允許早期的代碼操縱。

39、你將如何解釋JavaScript中的閉包? 什麼時候使用?

Closure是與函數返回時保留在內存中的函數相關的本地聲明變量。

例如:

史上最全的Javascript面試題總結(內附答案)

40、一個值如何附加到數組?

可以以給定的方式將值附加到數組:

arr [arr.length] = value;

41、解釋for-in循環?

for-in循環用於循環對象的屬性。

for-in循環的語法是:

史上最全的Javascript面試題總結(內附答案)

在每次循環中,來自對象的一個屬性與變量名相關聯,循環繼續,直到對象的所有屬性都被耗盡。

42、描述JavaScript中的匿名函數?

被聲明爲沒有任何命名標識符的函數被稱爲匿名函數。一般來說,匿名函數在聲明後無法訪問。

匿名函數聲明:

史上最全的Javascript面試題總結(內附答案)

43、.call()和.apply()之間有什麼區別?

函數.call()和.apply()在使用上非常相似,只是有一點區別。當程序員知道函數參數的編號時,使用.call(),因爲它們必須在調用語句中被提及爲參數。另一方面,當不知道數字時使用.apply(),函數.apply()期望參數爲數組。

.call()和.apply()之間的基本區別在於將參數傳遞給函數。它們的用法可以通過給定的例子進行說明。

史上最全的Javascript面試題總結(內附答案)

44、定義事件冒泡?

JavaScript允許DOM元素嵌套在一起。在這種情況下,如果單擊子級的處理程序,父級的處理程序也將執行同樣的工作。

45、什麼樣的布爾運算符可以在JavaScript中使用?

“And”運算符(&&),'Or'運算符(||)和'Not'運算符(!)可以在JavaScript中使用。

*運算符沒有括號。

46、一個特定的框架如何使用JavaScript中的超鏈接定位?

可以通過使用“target”屬性在超鏈接中包含所需幀的名稱來實現。

<a href=”newpage.htm” target=”newframe”>>New Page</a>

47、在web-garden和web-farm之間有何不同?

web-garden和web-farm都是網絡託管系統。唯一的區別是web-garden是在單個服務器中包含許多處理器的設置,而web-farm是使用多個服務器的較大設置。

48、如何分配對象屬性?

將屬性分配給對象的方式與賦值給變量值相同。例如,表單對象的操作值以下列方式分配爲“‘submit”:Document.form.action =“submit”

49、在JavaScript中讀取和寫入文件的方法是什麼?

可以通過使用JavaScript擴展(從JavaScript編輯器運行),打開文件的示例來完成:

fh = fopen(getScriptPath(), 0);

50、在JavaScript中如何使用DOM?

DOM代表文檔對象模型,並且負責文檔中各種對象的相互交互。DOM是開發網頁所必需的,其中包括諸如段落,鏈接等對象。可以操作這些對象以包括添加或刪除等操作,DOM還需要向網頁添加額外的功能。除此之外,API的使用比其他更有優勢。

51、JavaScript中如何使用事件處理程序?

事件是由用戶生成活動(例如單擊鏈接或填寫表單)導致的操作。需要一個事件處理程序來管理所有這些事件的正確執行。事件處理程序是對象的額外屬性。此屬性包括事件的名稱以及事件發生時採取的操作。

52、解釋延遲腳本在JavaScript中的作用?

默認情況下,在頁面加載期間,HTML代碼的解析將暫停,直到腳本停止執行。這意味着,如果服務器速度較慢或者腳本特別沉重,則會導致網頁延遲。在使用Deferred時,腳本會延遲執行直到HTML解析器運行。這減少了網頁加載時間,並且它們的顯示速度更快。

53、JavaScript中的各種功能組件是什麼?

JavaScript中的不同功能組件是:

  • First-class函數:JavaScript中的函數被用作第一類對象。這通常意味着這些函數可以作爲參數傳遞給其他函數,作爲其他函數的值返回,分配給變量,也可以存儲在數據結構中。

  • 嵌套函數:在其他函數中定義的函數稱爲嵌套函數。

54、解釋unshift()方法?

該方法在數組啓動時起作用,與push()不同。 它將所需數量的元素添加到數組的頂部。例如:

史上最全的Javascript面試題總結(內附答案)

輸出如下所示:

[" joseph "," Jane ", " charlie ", " john "]

55、decodeURI()和encodeURI()是什麼?

EncodeURl()用於將URL轉換爲十六進制編碼。而DecodeURI()用於將編碼的URL轉換回正常。

56、爲什麼不建議在JavaScript中使用innerHTML?

innerHTML內容每次刷新,因此很慢。 在innerHTML中沒有驗證的餘地,因此,更容易在文檔中插入錯誤代碼,從而使網頁不穩定。

57、如何在不支持JavaScript的舊瀏覽器中隱藏JavaScript代碼?

  • 在<script>標籤之後的代碼中添加“<! - ”,不帶引號。

  • 在<script>標籤之前添加“// - >”代碼中沒有引號。

  • 舊瀏覽器現在將JavaScript代碼視爲一個長的HTML註釋。而支持JavaScript的瀏覽器則將“<! - ”和“// - >”作爲一行註釋。


本人還會參考更多的JavaScript面試題,以後慢慢會總結出來。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章