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

最新推荐文章于 2021-11-09 15:13:26 发布

iteye_3352

最新推荐文章于 2021-11-09 15:13:26 发布

阅读量151

点赞数

分类专栏： javaScript 文章标签： javascript with 函数声明表达式 ViewUI

本文链接：https://blog.csdn.net/iteye_3352/article/details/82545549

版权

javaScript 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

[b]示例一、[/b]

<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>

[b]示例二、[/b]

<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>

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

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

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

-