JavaScript中var声明与隐式全局变量的区别
作者:闭包旅人时间:2026-10-28 13:31:16浏览:81
本文解析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声明,程序将报错。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
相关标签:
