-
this 是隱藏的第一個參數,且一般是對象(如果不是對象,就顯得很沒有意義了)
function f(){ console.log(this) console.log(arguments) } f.call() // window f.call({name:'frank'}) // {name: 'frank'}, [] f.call({name:'frank'},1) // {name: 'frank'}, [1] f.call({name:'frank'},1,2) // {name: 'frank'}, [1,2]
通過 .call 來調用函數,call 的第一個參數是 this ,如果不傳,那默認是 window,如果傳的參數不是對象,那么會自動轉換為對象類型,總之,this必須是對象!!! [注意:是小寫的 window ,但 chrome瀏覽器 犯jian,顯示的卻是大寫的 Window]。
call 除了第一個參數外,后面的參數 都 屬于 arguments ,如果不傳參,那么 arguments 就是一個空數組 。arguments 是 一個 偽數組(只是形式和數組像,但不具備只有數組才有的一些方法)。
如果你不是用 call 來調用函數,直接 f() 。例如 f(1),那么這個 1 就會被放在 arguments 里 ;這時候的 this 還是 window ,雖然你只傳了一個參數 1 。所以,要用 .call() ,不要 f(),因為f()對初學者不友好,。call()反而思路更清晰一些。
每個函數都有 return
如果你不寫 return,就相當于寫了 return undefined
-
this 為什么必須是對象
因為 this 就是函數與對象之間的羈絆var person = { name: 'frank', sayHi: function(person){ console.log('Hi, I am' + person.name) }, sayBye: function(person){ console.log('Bye, I am' + person.name) }, say: function(person, word){ console.log(word + ', I am' + person.name) } } person.sayHi(person) person.sayBye(person) person.say(person, 'How are you') // 能不能變成 person.sayHi() person.sayBye() person.say('How are you') // 那么源代碼就要改了 var person = { name: 'frank', sayHi: function(){ console.log('Hi, I am' + this.name) }, sayBye: function(){ console.log('Bye, I am' + this.name) }, say: function(word){ console.log(word + ', I am' + this.name) } } // 如果你不想吃語法糖 person.sayHi.call(person) person.sayBye.call(person) person.say.call(person, 'How are you') // 還是回到那句話:this 是 call 的第一個參數 // this 是參數,所以,只有在調用的時候才能確定 person.sayHi.call({name:'haha'}) // 這時 sayHi 里面的 this 就不是 person 了 // this 真的很不靠譜 // 新手疑惑的兩種寫法 var fn = person.sayHi person.sayHi() // this === person fn() // this === window