-
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