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

Posted 撒娇的小熊

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript （function (){}()） 与(function(){})()相关的知识，希望对你有一定的参考价值。

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" onclick="test()" value="button"/>
        <input type="button" onclick="tests()" value="button"/>
    </body>
</html>

弱弱说一句 写这些代码 是为了了解闭包的 

大家有兴趣想了解闭包 可以去查阅

 https://www.cnblogs.com/wangfupeng1988/p/3977924.html

写的很好 

 

以上是关于JavaScript （function (){}()） 与(function(){})()的主要内容，如果未能解决你的问题，请参考以下文章

Arrow functions (Function) – JavaScript 中文开发手册

javascript 中函数 function啥作用

[JavaScript] +function(){} 作用

JavaScript !function() [重复]

javascript中Function.prototype的问题

JavaScript 表示法： (function() ... )(); [复制]