JavaScript定义变量和变量优先级问题探讨

看下面的代码：

代码如下:

if (!("aa" in window)) { 
    alert('oh my god');
    var aa = 1; 
} 
alert("aa" in window);
alert(aa);

回答以下问题：

会报错吗？会弹出几次？
第2个alert是true还是false?
第3个alert弹出什么？
为什么？
思考下，然后测试下，如果你回答正确，那么后面的文章就不用看了。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

在JS里定义变量太简单了，直接一个var ，甚至不用var都可以：

代码如下:

var a = 1;

这里a就是变量名，1就是变量值。唉，这个太基础了。看下面的代码：

代码如下:

var a;
alert(a);

以firebug测试，会弹出undefined，这个是大家很熟悉的一个字符串了，貌似表示变量未定义。但我觉得，我已经var了啊，这就是定义了嘛，只是没有附值而已。

我们来个真正的没有定义的：

代码如下:

alert(a);

没错，就是直接alert一个根本没有出现过的变量，这会如何？

firebug直接报错了：a is not defined.意思是a没有定义。这个结合前面的代码来看，让人困惑。这个没有定义和前面的未定义有什么不同呢？

其实前面的代码等价于这样的：

代码如下:

var a = undefined;
alert(a);

也就是说，当声明变量而不赋值时，JS会给变量传一个undefined值，注意，这是个“值”，说明a已经有值了，这个值就叫“未定义”。

而后面的直接alert，变量从没有出现过，也就是说这才是真正的未定义。

简单的说：JS中不存在没有值的变量,变量声明的时候就赋值了。

然后我们看下面的代码：

代码如下:

alert(a);
var a = 1;

这个代码会报错吗？因为在alert的时候变量a还没来得及出现呀。

但是这样居然没有报错，而是弹出了undefined值。表明变量a已经存在了，只是值却不是我们想要的，而是undefined。这又是个什么问题呢？

因为var 变量声明和函数声明一样，会提前，其实上面的代码是这样的：

代码如下:

var a;
alert(a);
a = 1;

这么一来就懂了。

所以，这个问题的关键在于：var 声明会提前到作用域顶端，但附值却不会———好纠结的设定，不知道为什么要这么搞。个人觉得这是JS的一个缺陷。

现在有一种代码习惯，主张把变量声明一律放在作用域前方，大概就是考虑到这个——反正就算你不写在前方，JS也会提前到前方。

现在放出文首问题的答案：

只会弹出两个alert，而if里面的alert不会执行，因为var声明的提前性，导致真正的代码是这个样子：

代码如下:

var aa;
if (!("aa" in window)) { 
    alert('oh my god');
    aa = 1; 
} 
alert("aa" in window);
alert(aa);

虽然aa为空，但用'aa' in window判断时会为真，因为a确实存在了，而值是undefined。所以if代码不会执行。后面两个alert我就不说了。

个人感觉这是一个很无厘头的问题，我们应该了解他的原因，但鄙视他这种陷阱。

上面这个问题也是我写这篇文章的缘由，这段代码是我从一篇网文里看到的，但他里面没有答案，我百撕不得骑姐，跑到stackoverflow上去问了才搞清楚。答案就是这篇文章。

但这是很基础的问题啊其实！！！

哈哈，原谅我，后面还有一个问题：

代码如下:

var b = {}
alert(b.aa);
alert(b.aa.bb);

这也是一种声明变量的方式，那么，这段代码会报错吗？为什么？

赞 (0)

相关推荐

  • javascript定义变量时带var与不带var的区别分析

    本文实例分析了javascript定义变量时带var与不带var的区别.分享给大家供大家参考.具体分析如下: 直接看实例里说明: 复制代码 代码如下: <script language="javascript" type="text/javascript"> var abc=89;//带var,表示全局变量 function test(){  var abc=80;//在函数内部,如果不带var,表示使用函数外全局变量:带上var,表示新定义一个全局变量

  • 原生javascript 学习之js变量全面了解

    1.变量的命名 方法的命名(驼峰命名法) 全部小写 : 单词与单词之间全部下划线 (my_namespace) 大小写混合 : 第一个单词首字母小写其他单词首字母大写. 规则 首字符 英文字母或下划线 组成   英文字母 数字 下划线 禁忌   JavaScript 关键字 保留字 2. 变量的声明 显示声明   :  var 关键字 陋习         :  没有类型 重复声明 隐式声明 不声明直接赋值 正解        : 先声明 后读写 先赋值 后运算 3. 变量类型 值类型 A) 占

  • JavaScript 学习笔记之变量及其作用域

    一.变量 ECMAscript变量是松散型变量,所谓松散型变量,就是变量名称可以保存任何类型的数据,每个变量仅仅是一个用于保存值的占位符. 定义:var firstDemo; 二.变量的作用域 2.1基本概念 使用var 定义变量:定义该变量的作用域的局部变量,这种定义变量的方法也被成为显式声明. 这么说不理解的话可以看看下面这个简单粗暴的例子: 复制代码 代码如下: test(); function test(){ var firstDemo="hello";//定义局部变量    

  • JavaScript交换两个变量方法实例

    JavaScript交换两个变量方法实例

    这篇文章主要介绍了JavaScript交换两个变量方法实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在平时的业务开发或者面试过程中,经常会遇到交换两个变量这种问题,于是,个人总结以下几种交换变量的方法: 1.方案一 使用一个临时变量来交换 2.方案二 使用ES6解构赋值语法来交换 3.方案三 利用数组 根据运算符的优先级,首先执行b=a,将a的值赋值给b,然后通过数组索引将b赋值给a,一行代码解决两值的交换. 4.方案四 先让a变成a与b

  • javascript执行上下文、变量对象实例分析

    本文实例讲述了javascript执行上下文.变量对象.分享给大家供大家参考,具体如下: 突然看到一篇远在2010年的老文,作者以章节的形式向我们介绍了ECMA-262-3的部分内容,主要涉及到执行上下文.变量对象.作用域.this等语言细节.内容短小而精悍,文风直白而严谨,读完有酣畅淋漓.醍醐灌顶之感,强烈推荐!!! 原文链接:这里 本想翻译成文,原来早已有人做了,这里.真生不逢时,何其遗憾啊! 做个笔记,聊慰我心. 执行上下文 ExecutionContext 每当控制器(control)转

  • Javascript基础教程之变量

    javascript 中变量通过var关键字(variable)来声明的. 复制代码 代码如下: var school = "beijingyizhong" 也可以通过var 关键字给变量多个值. 复制代码 代码如下: var school = "beijingyizhong" , diqu = "beijing" , age = 100; 此外,与java不同,javascript可以在同一个变量中存储不同的数据类型.例如 复制代码 代码如下:

  • 对python:循环定义多个变量的实例详解

    我们可能会时长碰到这样一个场景,计算得到一个非固定值,需要根据这个值定义相同数量个变量. 实现方式的核心是exec函数,exec函数可以执行我们输入的代码字符串. exec函数的简单例子: >>>exec ('print "hello world"') hello world 可以很清晰的看到,我们给exec传入一个字符串'print "hello world"',exec是执行字符串里面的代码print "hello world&quo

  • python 定义n个变量方法 (变量声明自动化)

    code: for i in range(100): cmd = "t%s = 1" % i exec cmd eval("t%s" % i) print t10 输出 1 , 表示我们创建了 t0 - t99 这样的变量 以上这篇python 定义n个变量方法 (变量声明自动化)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Python3单行定义多个变量或赋值方法

    你甚至可以在一行内将多个值赋值给多个变量 >>> a , b = 45, 54 >>> a 45 >>> b 54 这个技巧用来交换两个数的值非常方便 >>> a, b = b , a >>> a 54 >>> b 45 要明白这是怎么工作的,你需要学习元组(tuple)这个数据类型.我们是用逗号创建元组.在赋值语句的右边我们创建了一个元组,我们称这为元组封装(tuple packing),赋值语句

  • Java面向对象程序设计：类的定义，静态变量，成员变量，构造函数，封装与私有，this概念与用法详解

    本文实例讲述了Java面向对象程序设计:类的定义,静态变量,成员变量,构造函数,封装与私有,this概念与用法.分享给大家供大家参考,具体如下: 本文内容: 什么是面对对象 类的定义与对象实例化 成员变量 成员变量的有效范围 成员变量的赋值 静态变量.方法与实例变量.方法 构造函数 封装与私有 this关键字 注:函数和方法是一样东西.[由于我之前学习的时候有些书籍不是同样的说法,书看多了,我就习惯了不同情况下用不同的说法] 首发时间:2018-03-22 什么是面对对象: 面向对象强调行为处于

随机推荐