js之函数宣言与函数表达式

js之函数声明与函数表达式

示例一、

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <script type="text/javascript">

                var obj = {value:2000};
                var value = 100;        
                with(obj){
                    function foo(){//函数声明
                        value *= 2;
                    }
                    foo();
                }        
                console.log(value); //200
                console.log(obj.value); //2000
          
                
        </script>
    </head>    
    <body>
    </body>
</html>

示例二、

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <script type="text/javascript">
           
                var obj = {value:2000};
                var value = 100;        
                with(obj){
                    var foo = function(){//函数表达式
                        value *= 2;
                    }
                    foo();
                }        
                console.log(value); //100
                console.log(obj.value); //4000

        </script>
    </head>    
    <body>
    </body>
</html>

【函数声明】与【函数表达式】
这个问题比较复杂，在ES5中定义了词法环境和变量环境。
当有with时，会创建新的词法环境，函数声明会取自变量环境，函数表达式会取自词法环境。
另外，函数声明不应该放在with里，虽然浏览器实现上不会报错，但从标准的角度，块中不应该包含函数声明。
你可以把函数声明换成函数表达式再看看。
不一定是with，try/catch和with在作用域的处理上十分类似。

这是【函数声明】和【函数表达式】区别的一个经典例子。
也是ECMA-262 5中区分词法环境（Lexical Enviaronment）和变量环境（Variable Environment）的主要原因。

一般很少遇到过。with确实不建议使用，只是例中的问题除了with, 在try/catch语句中也会有类似的问题。
catch(obj) {
function(....
}

-

js之函数宣言与函数表达式

相关推荐