H5W3
当前位置:H5W3 > 问答 > 正文

js两个自执行函数报错?

报错情况

// 两个自执行函数,放在一个script标签中,报错

<script>
(function (){
var a=1
console.log(a);
})()
(function (){
var b=2
console.log(b);
})()
</script>

js两个自执行函数报错?

正常情况

这样就不会报错,为什么?

<script>
(function (){
var a=1
console.log(a);
})()
</script>
<script>
(function (){
var b=2
console.log(b);
})()
</script>

回答

这种就属于js 中不可忽略分号的场景,因为在语法分析阶段就出现了错误。

如果你补全第一个自动执行函数的分号,这段代码将会正常运行。

当然,也不一定使用分号,你还可以在每个自执行函数前面加上!、以及其他普通算术运算符+ – * /。

另外你会发现一些第三方类库大多都会在开头写上 ! 或者; ,就是为了避免在一些压缩合并后的 js 出现上面的错误。

!(function(){
//  some code
})()

看起来换行了,实际编译的时候是连在一起的。就变成了(fn)()(fn)(),不停的执行上一个的结果。
加了分号给他断句就行了。(fn)();(fn)()

本文地址:H5W3 » js两个自执行函数报错?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址