我承认对于this和立即执行函数一无所知
以下代码会输出什么?
var x=3;
obj={x:5};
obj.fn= (function (){
console.log(this.x,x)
this.x*= ++x;
return function(y){
console.log(this.x,x)
this.x*= (++x)+y;
console.log(x);
}
})();
var fn=obj.fn;
obj.fn(6);
fn(4);
输出为
3 3 line4
5 12 line7
13 line9
13 13 line7
234 line9
自己分析了很多,但删了,我觉得自己完全没理解this和立即执行函数。
我想知道有没有一种更加基本的方式来理解,为什么在上下文和this指向上,立即执行函数中return的函数表现的和直接使用这个函数一样,为什么在没有经过对象调用的情况下,立即执行函数体被跳过,只执行其return的函数。#前端##js#
var x=3;
obj={x:5};
obj.fn= (function (){
console.log(this.x,x)
this.x*= ++x;
return function(y){
console.log(this.x,x)
this.x*= (++x)+y;
console.log(x);
}
})();
var fn=obj.fn;
obj.fn(6);
fn(4);
输出为
3 3 line4
5 12 line7
13 line9
13 13 line7
234 line9
自己分析了很多,但删了,我觉得自己完全没理解this和立即执行函数。
我想知道有没有一种更加基本的方式来理解,为什么在上下文和this指向上,立即执行函数中return的函数表现的和直接使用这个函数一样,为什么在没有经过对象调用的情况下,立即执行函数体被跳过,只执行其return的函数。#前端##js#
全部评论
持续学习
var声明的变量会被挂载到全局变量window上,没有被跳过,函数也是一样的
你这个输出不对吧
obj.fn的时候立即执行函数就执行了,然后返回里面的函数给obj.fn,后面再调用都是里面这个函数了
不知道能不能解答题主:这个中obj.fn一直指向的是return的函数,里边return之前的函数体只执行了一次,就是立即执行函数执行的时候,之后就一直的return的函数,然后this指向问题是如果是以方法的形式调用,this指向这个对象。
相关推荐