js自执行函数

Posted 2022-05-25 kinblog

5.1对于函数表达式，在后面加括号即可以让函数立即执行；例如下面这个函数，至于为什么加了括号就可以立即执行，我们可以这么理解，就是像fn1()；这样写的话，函数 可以立即执行是没问题的，我们在经常会用到，那么对于函数表达式来说，fn1就是对后面的匿名函数的一个引用，因此在后面的匿名函数后直接加括号，自然也就可以立即执行

 

 

函数表达式立即执行

5.2但是对于下面这个函数，如果直接加()就会报错；如果按照上面的思路去理解，在匿名函数后面直接加上()应该是可以立即执行的，但是下面这个函数之所以会报错，而且会报两个错误，是因为js引擎在解析js代码的时候，遇到以function打头的函数会当做函数声明，然后会检查语法错误，那么第一个括号处的语法错误在于函数声明是必须要有函数名字的，而()前面没有所以报错；第二个括号处的语法错误在于函数声明到第二个花括号处，就已经算是结尾了，后面的()会被当作分组操作符，这个()实际上已经和函数声明没关系了，但是既然有了分组操作符，那就要有表达式，不然会报错；

 

函数声明想要立即执行，会报错

按照上面的分析，我们如果在第一个()前面加上函数名称，在第二个()里面加入表达式，那么就不会报错了，我们来看一下效果

 

 

改掉语法错误以后的函数声明

可以看到修改了那两处的问题以后，报错消失了，但是这个时候函数并没有执行，原因上面也已经提到了，就是一旦被当作函数声明，那么到花括号处就算为止了，后面的()就只当作一个分组操作符，和函数没有任何关系了

5.3那么想让这种匿名函数直接执行应该怎么办呢，其实很简单，就是在function前面加上一些操作符，这样js引擎在解析的时候就不会把它当成是函数声明了

 

推荐使用的方法，看起来比较具有结构性

 

也是一种常用的写法