JavaScript （function (){}()）与(function(){})()

最新推荐文章于 2022-07-11 17:14:15 发布

weixin_30398227

最新推荐文章于 2022-07-11 17:14:15 发布

阅读量130

点赞数

原文链接：http://www.cnblogs.com/sajiao/p/9260077.html

版权

function(){} 可以理解为它是一个定义的方法只是让浏览器知道有这么一个存在并不会执行执行时要带()

一般我们都会这样子写

var a=function(){} ; a();

如果要整合写的话那么就是 (function(){})() 这样子就相当于 var a=function(){} ; a(); 定义了方法并且执行了

如果你不写function 前面的括号那么对于浏览器来说你只是声明定义了一个方法并不会执行而且这个方法还是错误的(这里暂且不提这些了)

其实最外层的()就相当于 eval()函数来执行括号以内的逻辑代码可以百度一下JavaScript eval() 函数

那我们现在回头看(function(){}())

(function(){}()) 其实可以这样子看我只是声明定义了一个方法并不会执行而且这个方法还是错误的编译不会通过但是我用eavl() 来执行就可以了

所以 (function(){}()) 就等与 eavl(function (){}()) 等于(function(){})() 等于 var a=function(){} ; a(); 其实都是声明了在使用

有兴趣的话可以自己试一下这是我写的测试代码

<html>
    <head>
        <meta http-equiv=Content-Type content="text/html;charset=utf-8">
        <title>hello builder</title>
        <script type="text/javascript">
            function test(){
                var person={};
                    (function(p){
                        var name="";
                        p.SetName=function(b){
                            name=b;
                        }
                        p.GetName=function(){
                            return  name;
                        }
                    }(person))
                    person.SetName("撒娇的小熊")
                    alert(person.GetName())
            }
            
                function tests(){
                var person={};
                eval(
                    function(p){
                        var name="";
                        p.SetName=function(b){
                            name=b;
                        }
                        p.GetName=function(){
                            return  name;
                        }
                    }(person))
                    person.SetName("撒娇的小熊")
                    alert(person.GetName())
            }
        </script>
    </head>
    <body>
        <input type="button" οnclick="test()" value="button"/>
        <input type="button" οnclick="tests()" value="button"/>
    </body>
</html>