天天看點

JavaScript常見面試題二

  JavaScript常見面試題二:1.在JavaScript源檔案的開頭包含 use strict 有什麼意義和好處?

  對于這個問題,既簡要又最重要的答案是,use strict 是一種在JavaScript代碼運作時自動實行更嚴格解析和錯誤處理的方法。那些被忽略或默默失敗了的代碼錯誤,會産生錯誤或抛出異常。通常而言,這是一個很好的做法。

  嚴格模式的一些主要優點包括:

  使調試更加容易。那些被忽略或默默失敗了的代碼錯誤,會産生錯誤或抛出異常,是以盡早提醒你代碼中的問題,你才能更快地指引到它們的源代碼。

  防止意外的全局變量。如果沒有嚴格模式,将值配置設定給一個未聲明的變量會自動建立該名稱的全局變量。這是JavaScript中最常見的錯誤之一。在嚴格模式下,這樣做的話會抛出錯誤。

  消除 this 強制。如果沒有嚴格模式,引用null或未定義的值到 this 值會自動強制到全局變量。這可能會導緻許多令人頭痛的問題和讓人恨不得拔自己頭發的bug。在嚴格模式下,引用 null或未定義的 this 值會抛出錯誤。

  不允許重複的屬性名稱或參數值。當檢測到對象(例如,var object = {foo: "bar", foo: "baz"};)中重複命名的屬性,或檢測到函數中(例如,function foo(val1, val2, val1){})重複命名的參數時,嚴格模式會抛出錯誤,是以捕捉幾乎可以肯定是代碼中的bug可以避免浪費大量的跟蹤時間。

  使eval() 更安全。在嚴格模式和非嚴格模式下,eval() 的行為方式有所不同。最顯而易見的是,在嚴格模式下,變量和聲明在 eval() 語句内部的函數不會在包含範圍内建立(它們會在非嚴格模式下的包含範圍中被建立,這也是一個常見的問題源)。

  在 delete使用無效時抛出錯誤。delete操作符(用于從對象中删除屬性)不能用在對象不可配置的屬性上。當試圖删除一個不可配置的屬性時,非嚴格代碼将默默地失敗,而嚴格模式将在這樣的情況下抛出異常。

  

  2.考慮以下兩個函數。它們會傳回相同的東西嗎? 為什麼相同或為什麼不相同?

  function foo1(){ return {

  bar: "hello"

  };

  }function foo2(){ return

  {

  }

  出人意料的是,這兩個函數傳回的内容并不相同。更确切地說是:

  console.log("foo1 returns:");console.log(foo1());console.log("foo2 returns:");console.log(foo2());

  将産生:

  foo1 returns:Object {bar: "hello"}foo2 returns:undefined

  這不僅是令人驚訝,而且特别讓人困惑的是, foo2()傳回undefined卻沒有任何錯誤抛出。

  原因與這樣一個事實有關,即分号在JavaScript中是一個可選項(盡管省略它們通常是非常糟糕的形式)。其結果就是,當碰到 foo2()中包含 return語句的代碼行(代碼行上沒有其他任何代碼),分号會立即自動插入到傳回語句之後。

  也不會抛出錯誤,因為代碼的其餘部分是完全有效的,即使它沒有得到調用或做任何事情(相當于它就是是一個未使用的代碼塊,定義了等同于字元串 "hello"的屬性 bar)。

  這種行為也支援放置左括号于JavaScript代碼行的末尾,而不是新代碼行開頭的約定。正如這裡所示,這不僅僅隻是JavaScript中的一個風格偏好。

  3. NaN 是什麼?它的類型是什麼?你如何可靠地測試一個值是否等于 NaN ?

  NaN 屬性代表一個“不是數字”的值。這個特殊的值是因為運算不能執行而導緻的,不能執行的原因要麼是因為其中的運算對象之一非數字(例如, "abc" / 4),要麼是因為運算的結果非數字(例如,除數為零)。

  雖然這看上去很簡單,但 NaN 有一些令人驚訝的特點,如果你不知道它們的話,可能會導緻令人頭痛的bug。

  首先,雖然 NaN 意味着“不是數字”,但是它的類型,不管你信不信,是 Number:

  console.log(typeof NaN === "number"); // logs "true"

  此外, NaN 和任何東西比較——甚至是它自己本身!——結果是false:

  console.log(NaN === NaN); // logs "false"

  一種半可靠的方法來測試一個數字是否等于 NaN,是使用内置函數 isNaN(),但即使使用 isNaN() 依然并非是一個完美的解決方案。

  一個更好的解決辦法是使用 value !== value,如果值等于NaN,隻會産生true。另外,ES6提供了一個新的 Number.isNaN() 函數,這是一個不同的函數,并且比老的全局 isNaN() 函數更可靠。

  4.下列代碼将輸出什麼?并解釋原因。

  console.log(0.1 + 0.2);console.log(0.1 + 0.2 == 0.3);

  一個稍微有點程式設計基礎的回答是:“你不能确定。可能會輸出“0.3”和“true”,也可能不會。JavaScript中的數字和浮點精度的處理相同,是以,可能不會總是産生預期的結果。“

  以上所提供的例子就是一個示範了這個問題的典型例子。但出人意料的是,它會輸出:

  0.30000000000000004false

  5.讨論寫函數 isInteger(x) 的可能方法,用于确定x是否是整數。

  這可能聽起來是小菜一碟,但事實上,這很瑣碎,因為ECMAScript 6引入了一個新的正以此為目的 Number.isInteger() 函數。然而,之前的ECMAScript 6,會更複雜一點,因為沒有提供類似的 Number.isInteger() 方法。

  問題是,在ECMAScript規格說明中,整數隻概念上存在:即,數字值總是存儲為浮點值。

  考慮到這一點,最簡單又最幹淨的ECMAScript6之前的解決方法(同時也非常穩健地傳回 false ,即使一個非數字的值,如字元串或 null ,被傳遞給函數)如下:

  function isInteger(x) { return (x^0) === x; }

  下面的解決方法也是可行的,雖然不如上面那個方法優雅:

  function isInteger(x) { return Math.round(x) === x; }

  請注意 Math.ceil() 和 Math.floor() 在上面的實作中等同于 Math.round()。

  或:

  function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0);

  相當普遍的一個不正确的解決方案是:

  function isInteger(x) { return parseInt(x, 10) === x; }

  雖然這個以 parseInt函數為基礎的方法在 x 取許多值時都能工作良好,但一旦 x 取值相當大的時候,就會無法正常工作。問題在于 parseInt() 在解析數字之前強制其第一個參數到字元串。是以,一旦數目變得足夠大,它的字元串就會表達為指數形式(例如, 1e+21)。是以,parseInt() 函數就會去解析 1e+21,但當到達 e字元串的時候,就會停止解析,是以隻會傳回值 1。注意:

String(1000000000000000000000)'1e+21'> parseInt(1000000000000000000000, 10)1> parseInt(1000000000000000000000, 10) === 1000000000000000000000false

繼續閱讀