容易答錯的JS筆試題

1，考察this

var length = 10
function fn(){
    alert(this.length)
}
var obj = {
    length: 5,
    method: function(fn) {
        fn() // ?
        arguments[0]() // ?
    }
}
obj.method(fn)

這裏的坑主要是arguments，咱們知道取對象屬於除了點操做符還能夠用中括號，這裏fn的scope是arguments，即fn內的this===arguments，調用時僅傳了一個參數fn，所以length爲1。arguments[0] 就是fn，可是直接執行的時候，this指向的是arguments，由於arguments是做爲一個調用fn方法的調用者存在，就像a.b()，b裏的this指向了a同樣。

2，函數表達式具名（函數聲明同時賦值給另外一個變量）或函數聲明當即執行時，名僅在該函數內可訪問

~function() {
    alert(typeof next) // ?
    ~function next() {
        alert(typeof next) // ?
    }()
}()

外層匿名函數自執行，打印next，接着內層具名函數自執行。會發現具名的next僅在其自身函數體內可訪問，即輸出爲function。外面是不可見的，typeof就爲undefined了。（注：此題IE6/7/8中輸出爲function function， 標準瀏覽器爲undefined function）

一樣的狀況也發生在將具名函數賦值給一個變量時，以下

var func = function a() {
    alert(typeof a)
}
func() // ?
alert(typeof a) // ?

這條規則是標準中(ES3/ES5)都已明確指出，但IE六、七、8沒有嚴格聽從。可參見w3help的分析或李鬆峯老師的翻譯《命名函數表達式探祕》

3，給基本類型數據添加屬性，不報錯，但取值時是undefined

a = 3
a.prop = 4
alert(a + a.prop) // ?

變量a爲數字3，給其添加prop屬性，值爲4（奇怪吧在JS中這是容許的，且不會有語法錯誤）。而後alert出a+a.prop的結果。結果是NaN。a.prop爲undefined，3+undefined爲NAN。

觸類旁通，給字符串添加屬性

str = 'a'
str.prop = 'b'
alert(str + str.prop) // ?

結果呢？

 

4，隱式的全局變量

var a = 1
function func() {
    a = b = 2
}
func()
alert(a)
alert(b) // ?

JS中不用var聲明的變量默認是全局變量，而這裏的連等使的狀況更加隱蔽。這裏的b是全局的，所以func外能夠訪問

5，變量聲明早於代碼運行（Scoping and Hoisting）

var uname = 'jack'
function change() {
    alert(uname) // ?
    var uname = 'lily'
    alert(uname)
}
change()

這裏容易犯迷糊的是第一個alert，若是認爲函數change外已經聲明賦值了，此時應該是jack，實際函數內又var了一次（雖然var在其後），預解析時仍然會將其置undefined。這也是爲何書裏都建議變量聲明都放在代碼塊的最前面。

6，函數聲明早於變量聲明

function change() {
    alert(typeof fn) // ?
    function fn() {
        alert('hello')
    }
    var fn
}
change()

change內先alert出fn，後函數聲明，再變量聲明。若是fn沒有函數聲明而僅是變量聲明，那麼結果與5同樣是undefined。但這裏倒是function。即同一個做用域內，函數聲明放在代碼塊後面和前面都沒有關係，函數能夠正常使用。而變量聲明則需先置前，先使用則是undefined。