[ydkjs] wss立即执行表达式(func.....)()和(func....())个人理解的区别

你不知道的js中

在函数作用域,立即执行表达式这一节他是这么描述这两个展示立即执行表达式的展现方法的

相较于传统的 IIFE 形式,很多人都更喜欢另一个改进的形式:(function(){ … }())。
仔细观察其中的区别。第一种形式中函数表达式被包含在 ( ) 中,然后在后面用另一个 () 括号来调用。第二种形式中用来调用的 () 括号被移进了用来包装的 ( ) 括号中。
这两种形式在功能上是一致的。选择哪个全凭个人喜好。

这两种形式在功能上是一致的,这句话说的真的是有水平,至少证明这是一本严谨的书,我也不知道这位大神为什么为接着往下说,也许一群凡夫俗子自己领悟去吧,懒得和你们说了。

记录一下一只菜鸟对此的理解

接上个学霸小笔记

我提出立即执行表达式并不是特例,而是运行在整个系统的普遍现象,是一只有着通天本领的顶级函数在操控着整个函数执行届,以我的理解把他具像化之后就是foof函数

		function foof(e){
            return e
        }
        foof(function foo(){
            var a=3
            console.log(a) //3
            console.log(this)//Window
        })()

那么问题来了
(func…)()和(func…())有什么区别呢我们来看接下来两个例子

		function foof(e){
			console.log(e)
            console.log('神秘顶级函数执行')
            return e
        }
        foof(function foo(){
            var a=3
            console.log(a)
            console.log(this)
        })()
        //ƒ foo(){var a=3console.log(a)console.log(this)}
        //神秘顶级函数执行
		//72 3
		//73 Window{....}

这个很好理解函数从左向右执行 首先以func…为参数执行顶层神秘函数执行-》返回func…参数-〉func…参数执行

这里面有一个看不见的超能力选手() 这个括号看起来不够重要,但是所有的函数声明变为函数表达式的推动完全离不开()

 		function foof(e){
 			console.log(e)
            console.log('神秘顶级函数执行')
            return e
        }
        foof(function foo(){
            var a=3
            console.log(a)
            console.log(this)
        }())
        // 3
		// Window{....}
		// undefined
		// 神秘顶级函数执行

其实这个可以完全看出来这两种的写法的区别,这种写法的执行和上面的执行可以说是功能上是一样的,但是原理上有一定不同

这个函数表达式的执行是:同样是从左到右执行,首先foof遇到括号()但是扫描参数的时候又遇到了一个(),这个()推动func…函数开始执行,然后再将func…()的返回值传给foof函数中并执行,

所以我再看回去,
这两种形式在功能上是一致的这句话说的尤其严谨,因为除了功能上一致,在执行上并不一致。

至于为什么功能上一致,主要是因为foof这个顶层大神函数传入什么return什么,所以表现上是一致的,我也努力在想什么时候不一样,如果有人有想法可以留言告诉我哈

【菜鸟个人小笔记】

		var a = 2
        function IIFED(e){
            return e
        }
        IIFED(function IIFE(def){
            def(window)
        })(function def(global){
            var a=3
            console.log(a) //3
            console.log(global.a)//2
        })
		var a = 2
        function IIFED(e){
            return e
        }
        IIFED(function IIFE(def){
            return def
        })(function def(global){
            var a=3
            console.log(a) //3
            console.log(global.a)//2
        })(window)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值