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

Lixh1986

浏览: 1105724 次

最近访客更多访客>>

Z865785437029

akingde

ningzong

蕃薯耀

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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

博客分类：

javaScript

javascript with 函数声明表达式

示例一、

<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(....
}

-

分享到：

Ext设置autoScroll:true了，为什么不起作 ... | js小应用之设定当前系统时间

2013-10-23 14:33
浏览 1355
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

Javascript 测试框架之 隐式声明 之 describe

JavaScript之ECMAScript6新特性之_03_箭头函数（Arrow Function）

JavaScript之ECMAScript6新特性之_02_线程异步阻塞: Promise, Async / await

JavaScript之ECMAScript6新特性之_01_开篇

jQuery Versions - browser support

基于HTML5实现的中国象棋游戏

JavaScript之跨域请求解决方案

JavaScript之 25 道面试题

JavaScript小应用之分页算法

jQuery之empty() VS. remove()

jQuery之 prop() VS. attr()

jQuery之mouseover,mouseover,mouseout,mouseleave

javascript之JS操作iframe

javascript之面向对象编程之原型继承

HTML5之Cookie,localStorage 与 sessionStorage

jquery之live(), delegate(), on() 方法

javascript之小应用：网页在线聊天

javascript之编程序题目

javascript之面向对象编程之属性继承

javascript 之 undefined

最近访客更多访客>>

Javascript 测试框架之隐式声明之 describe