迷惑JavaScript`var`关键字的操作

我对var关键字遇到了一个非常奇怪(对我而言)的问题.我把它减少到一个相当小的测试用例,并发现它在Node.js(因此,V8和Chrome),Safari 4的检查员(因此,Nitro)和FireBug(显然,SpiderMonkey)中展示.我本来准备一个错误报告,但因为它是如此广泛地显示,我会认为我完全误解了JavaScript的应该是怎样的范围和查找变量.

测试用例非常小,在GitHub上:http://gist.github.com/260067.第一个和第二个示例之间的唯一区别是包含var关键字.

这里也是一个类似的测试案例,以不同的方式表现出同样的"问题":https://gist.github.com/698b977ee0de2f0ee54a

编辑:为了排除试图解释级联范围如何工作的更多答案,我对此非常熟悉.我的问题是,我不明白为什么下面的代码"作品"(因为它alert()S"外,"其次是"内部",然后再"外"):

(function(){
  var foo = 'outer';
  alert("Outer `foo`: " + foo);

  (function(){
    foo = 'inner';
    alert("Inner `foo`: " + foo);

    var foo;
  })();

  alert("Outer `foo`: " + foo);
})();

的var foo;在完全不相关的位置,以重新分配发生foo; 那么为什么它会以非常实质的方式影响这项任务呢？

事实是,与其他语言不同,JavaScript在函数的开头创建所有变量.这意味着代码:

(function(){
    if(myVar == undefined){
        alert(myVar);
    }
    if(myVar == undefined){
        var myVar = 5;
    }
})();

实际上是编译和解释为

(function(){
    var myVar;
    if(myVar == undefined){
        alert(myVar);
    }
    if(myVar == undefined){
        myVar = 5;
    }
})();

要创建一个变量并且只在if或loop块中使用let它,您必须使用,这是一个新的JavaScript功能.我不确定有多少浏览器实现它(如果你使用Firefox 3.5会这样做

mobiledu2402851173

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1为每个处理器虚拟机设置最佳处理器/核心数(VMware)
• 2如何获取具有继承宽度的元素的宽度？
• 3android.hardware.Camera $ EventHandler.handleMessage
• 4Google地图的宽度和高度
• 5带有Gradle和Webpack的Spring Boot
• 6Tableview首先重用单元格并显示错误数据
• 7创建一系列不同长度的序列
• 8快速评估大量输入值的数学表达式(函数)
• 9包装使用基于事件的异步模式的库,用于Async/Await
• 10有没有办法简单地将JSON数组值转换为javascript中的字符串
• 11x:绑定设计时间问题
• 12如何在chocolatey'.config'文件中使用自定义参数？
• 13使用循环/递归镜像矩阵中的行？
• 14AsyncTaskLoader无法启动
• 15具有json类型字段的Laravel数据库在返回值时添加\"
• 16命名空间"X"在命名空间"using:Y"中不存在
• 17查看GitHub评论的原始Markdown
• 18不能调用非函数类型'CIImage'的值吗？
• 19扩展RColorBrewer以支持更多颜色？
• 20如何合并两个分支,并自动忽略特定的文件/文件夹？