我承认对于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#
全部评论
持续学习
2 回复 分享
发布于 2023-09-29 00:01 广东
var声明的变量会被挂载到全局变量window上,没有被跳过,函数也是一样的
1 回复 分享
发布于 2023-10-03 11:37 重庆
你这个输出不对吧
点赞 回复 分享
发布于 2023-09-25 16:43 上海
obj.fn的时候立即执行函数就执行了,然后返回里面的函数给obj.fn,后面再调用都是里面这个函数了
点赞 回复 分享
发布于 2023-09-25 16:49 上海
不知道能不能解答题主:这个中obj.fn一直指向的是return的函数,里边return之前的函数体只执行了一次,就是立即执行函数执行的时候,之后就一直的return的函数,然后this指向问题是如果是以方法的形式调用,this指向这个对象。
点赞 回复 分享
发布于 2023-09-27 11:10 广西

相关推荐

4 15 评论
分享
牛客网
牛客企业服务