本文解析JavaScript中定义变量时使用var与不使用var的区别。主要涵盖函数作用域内的局部与全局差异、全局作用域下delete操作对变量的限制、变量声明提升机制,以及ES5严格模式下未使用var会报错的规范。
var声明与隐式全局变量的区别
此前曾探讨过在JavaScript中定义变量时是否使用关键字var的差异,此处进行总结回顾。
函数作用域内的变量差异
1. 在函数作用域内,使用var声明的变量为局部变量,而未使用var声明的变量则成为全局变量。
var a = 'hello World';
function bb(){
var a = 'hello Bill';
console.log(a);
}
bb() //'hello Bill'
console.log(a); //'hello world'
不使用var声明的情况如下:
var a = 'hello World';
function bb(){
a = 'hello Bill';
console.log(a);
}
bb() //'hello Bill'
console.log(a); //'hello Bill'
全局作用域下的delete操作限制
2. 在全局作用域中,使用var声明的变量无法通过delete操作删除,而未使用var声明的变量(即隐式全局变量)可以被delete。这表明隐式全局变量严格来说并非真正的变量,而是全局对象的属性,因为属性可以通过delete删除,而变量不可以。
变量声明提升机制
3. 使用var声明变量会触发变量声明提升,即:
function hh(){
console.log(a);
var a = 'hello world';
}
hh() //undefined
不使用var声明的情况:
function hh(){
console.log(a);
a = 'hello world';
}
hh() //'a is not defined'
上述现象即为使用var声明变量时的声明提前机制。
ES5严格模式下的报错机制
4. 在ES5的'use strict'严格模式下,如果变量未使用var声明,程序将报错。