第十篇----------javascript函数的三种定义方式及区别

//3种函数定义方式，前两种常用
            
            /**
             * 1，function 语句式
             * 形式：句子
             * 名称：有名
             * 性质：静态
             * 解析时机：优先解析
             * 作用域：具有函数的作用域（正常的作用域）
             */
            function test01(){
                alert("我是test01");
            }
            //test01();
            
            
            /**
             * 2，函数直接量 ECMAScript 推荐的方式
             * 形式：表达式
             * 名称：匿名
             * 性质：静态
             * 解析时机：顺序解析
             * 作用域：具有函数的作用域（正常的作用域）
             */
            var test02 = function(){
                alert("我是test02");
            };
            //test02();
            
            /**
             * 3，function 构造函数式,a,b是形参，函数执行体直接写在后边，以分号结束
             * 形式：表达式
             * 名称：匿名
             * 性质：动态
             * 解析时机：顺序解析
             * 作用域：*函数（*作用域）
             */
            var test03 = new  Function("a","b","return a+b;"); 
            //alert(test03(10,20));
            

        //三种方式效率的对比
            var d1 = new Date();
            var t1 =d1.getTime();
            for(var i=0;i<100000;i++){
                function test1(){ ;}; //function语句式
                //var test2 = new Function(); //构造函数式
            }
            
            var d2 = new Date();
            var t2 = d2.getTime();
            alert(t2-t1);    

/**
             * ************************解析顺序*******************************************，
             * 对于function语句式的函数，javascript解析器会优先的解释
             * javascript解析器会先看所有的全局变量，放到内存，test04()、test05会被当做全局变量
             * test04()能正常执行，但是test05只有
             */
            //test04();
            // function test04(){
                // alert("test04");
            // }
            
            //test05(); 执行不了，缺少对象
            /**
             * undefined，表示变量声明了，没有被赋值，
             * 执行到此步时，还没有把function赋给test05，相当于先声明后赋值的概念
             */
            //alert(test05);
            var test05 = function(){
                alert("test05");
            };
            
            
            //********************执行顺序经典例子**************
            /**
             * js解析器会先找所有的function当做全局变量放内存，就找到了1,4，静态的，4把1覆盖，
             * 执行到函数1，所以打印4
             * 执行到函数2，是动态构建的覆盖4，所以打印2，之后销毁
             * 执行到函数3，覆盖函数4，打印3
             * 执行到函数4，其实调用的是函数3，打印3
             * 执行到函数5，动态创建一个覆盖3，打印5，后销毁
             * 执行到函数6，覆盖函数3，打印6
             */
            //alert结果：4 2 3 3 5 6
            function f(){ return 1;}             //函数1
            alert(f());        //返回值为4，说明第1个函数被第4个函数覆盖，
            
            var f = new Function("return 2;");    //函数2
            alert(f());        //返回值为2，说明第4个函数被第2个函数覆盖
            
            var f =  function(){ return 3;};    //函数3
            alert(f());        //返回值为3，说明第4个函数被第3个函数覆盖
            
            function f(){ return 4;}            //函数4
            alert(f());        //返回值为3，说明第4个函数被第3个函数覆盖
            
            var f = new Function("return 5;");    //函数5
            alert(f());        //返回值为5，说明第3个函数被第5个函数覆盖
            
            var f =  function(){ return 6;};    //函数6
            alert(f());        //返回值为6，说明第3个函数被第6个函数覆盖

            /**
             * ******************函数作用域的概念*************************
             */
            //var test = new Function("return k;");
            var k = 1;
            function t1(){
                var k = 2;    //局部变量
                //function test(){ return k; }        //function语句式，k=2
                //var test =     function(){ return k;};   //函数直接量，k=2 ，两者都是函数的作用域
                var test = new Function("return k;");    //构造函数，*的作用域，相当于在全局new一个函数，只能找到全局的k=1
                alert(test());
            }
            t1();