JavaScript 的 怪癖

本文解析JavaScript中的变量声明提升、重复定义及省略关键字var的定义等怪癖,并探讨其背后的原因。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

      JavaScript 有很多奇怪的特性,语法上稍微一点改变结果就会大相庭径。本文着手于整理这些怪癖,供‘有此好’的人参考,指正。运行环境为chrome 64.0 控制台,如非内容提及,默认是JavaScript语法的非严格模式。

    1.  变量声明(定义)的提升。

      像其他语言一样,JavaScript 中的变量要有声明再使用。如下:


      提示变量a还未定义。

      然而,JavaScript 存在变量的提升,是异于C 等语言的。如下:

     变量声明的提升就是把变量的声明放到当前作用域的开头,只不过变量的值是undefined。上图在开头和声明后的打印

分别为 undefined 和 10。(请忽略 开头带 '<' 的打印行,这是浏览器的个性输出,一般输出的是当前执行的JavaScript 代码的最后一行的结果)。

2. 变量的重复定义。

   在JavaScript 中可以使用var 重复定义变量。如下:


 如果遇到同名变量的再次定义,则简单的把 var 关键字忽略。相当于普通赋值。

3. 省略关键字 var 的变量定义。

首先,相信各位都已知道JavaScript是有全局作用域和函数作用域的。简单来说,就是函数中定义的变量在函数外部是不可访问的,但是函数可以访问外部定义的变量。如下:


函数中定义的变量a 在外部无法访问。又如下:


函数内部可以访问外部的变量。 又因为变量定义的提升,先调用 test()也是可行的。如下:


接下来开始说本条内容:变量的定义可以省略关键字 var,这样定义的变量是全局变量。


在函数中定义了全局变量a, 在外部也是可以访问的。 但是要注意, 省略var 的方式定义全局变量时不会有变量定义的提升。

必须在定义后再使用。如下:


全局环境中省略var 的变量的定义不会提升。又如下:


函数中省略var 定义的全局变量也不会提升定义,换言之,因为没有执行函数体,变量就没有定义。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值