0.apply、call 有什么作用,什么区别
- apply方法是指定this和参数的情况下调用某个函数
- call方法是使用一个指定的this和若干个指定参数的前提下调用某个函数或方法
- 主要区别在于call是接受this和若干个参数的列表而apply则是接受一个包含多个参数的数组
1.以下代码输出什么?
<pre>
var john = {
firstName: "John"
}
function func() {
alert(this.firstName + ": hi!")}
john.sayHi = func
john.sayHi()
</pre>
输出下图,因为这里是john在调用func,所以this的环境是john,所以他的this.firstname也就是john
2.下面代码输出什么,为什么
<pre>
func()
function func() { alert(this)}
</pre>
输出window,因为是在全局下调用的函数,所以环境就是window本身
3.下面代码输出什么,为什么
<pre>
function fn0(){
function fn(){
console.log(this); }
fn();}
fn0();
document.addEventListener('click', function(e){
console.log(this);
setTimeout(function(){
console.log(this); }, 200);}, false);
</pre>
第一个fn0调用输出的是window,因为这里是在全局环境下调用的函数,所以this指代环境window。
每次单击之后,输出的是document和window,因为第一个this就是在监听事件内发生的,所以输出的this环境是document,第二个输出window是因为两个定时器函数比较特殊,是固定输出window的。
4.下面代码输出什么
<pre>
var john = {
firstName: "John" }
function func() {
alert( this.firstName )}
func.call(john)
</pre>
输出john,因为使用call函数把this绑定到了john上,所以输出john
5.下面代码输出什么
<pre>
var john = {
firstName: "John",
surname: "Smith"}
function func(a, b) {
alert( this[a] + ' ' + this[b] )}
func.call(john, 'firstName', 'surname')
</pre>
输出John smith,因为call的第一个参数相当于this,后两个参数相当于func的参数
6.下面代码有什么问题
<pre>
var module= {
bind: function(){
$btn.on('click', function(){
console.log(this) //this指什么
this.showMsg(); }) },
showMsg: function(){
console.log('饥人谷'); }}
</pre>
第一个this指代$btn,第二个也是指代btn然而btn没有showMsg这个方法,所以应该在函数最开始声明