js 自执行函数 函数内部通过函数名调用本身没有问题而函数外部调用报错’未定义错误‘

先看错误过程

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ipt-test</title>
</head>
<body>
<script>
var a=true;
!function main(){
  if(a){
    a=false;
    main();
  }
  console.log('main');
}();
main();
</script>
</body>
</html>

运行以上网页

js 自执行函数 函数内部通过函数名调用本身没有问题而函数外部调用报错’未定义错误‘_第1张图片

输出两个main 

第一个main 自执行部分输出

第二个main 函数内部调用自己输出的

而在函数外部调用 报错 main is not defined

初看不好理解 其实细想还是很合理的

不管是!function(){..}(),(function(){..})(),。。都是表达式  而表达式会返回值而并不会定义或声明变量

所以在函数外面调用报错 是很合理的

在函数内部调用。。。。。

你可能感兴趣的:(自执行函数)