注意:这个问题是从ECMAScript版本3或5的角度提出的。随着ECMAScript 6版本中新特性的引入,答案可能会过时。
JavaScript中var关键字的功能是什么
var someNumber = 2;
var someFunction = function() { doSomething; }
var someObject = { }
var someObject.someProperty = 5;
and
someNumber = 2;
someFunction = function() { doSomething; }
someObject = { }
someObject.someProperty = 5;
?
你什么时候会使用其中一个,为什么/做什么?
@Chris S给出了一个很好的例子,展示了var和no var之间的实际差异(和危险)。这是另一个例子,我发现这一点特别危险,因为这种差异只在异步环境中可见,因此在测试过程中很容易溜走。
正如您预期的那样,以下代码段输出[“text”]:
函数var_fun(){let数组=[]array.push('text')返回数组}console.log(var_fun())
下面的代码段也是如此(请注意缺少的let before数组):
函数var_fun(){数组=[]array.push('text')返回数组}console.log(var_fun())
异步执行数据操作仍然会使用单个执行器产生相同的结果:
函数var_fun(){array=[];return new Promise(resolve=>resolve()).then(()=>{array.push('text')返回数组})}var_fun().then(result=>{console.log(result)})
但对多个对象的行为不同:
函数var_fun(){array=[];return new Promise(resolve=>resolve()).then(()=>{array.push('text')返回数组})}[1,2,3].对于每个(i=>{var_fun().then(result=>{console.log(result)})})
但是,使用let:
函数var_fun(){let数组=[];return new Promise(resolve=>resolve()).then(()=>{array.push('text')返回数组})}[1,2,3].对于每个(i=>{var_fun().then(result=>{console.log(result)})})
@Chris S给出了一个很好的例子,展示了var和no var之间的实际差异(和危险)。这是另一个例子,我发现这一点特别危险,因为这种差异只在异步环境中可见,因此在测试过程中很容易溜走。
正如您预期的那样,以下代码段输出[“text”]:
函数var_fun(){let数组=[]array.push('text')返回数组}console.log(var_fun())
下面的代码段也是如此(请注意缺少的let before数组):
函数var_fun(){数组=[]array.push('text')返回数组}console.log(var_fun())
异步执行数据操作仍然会使用单个执行器产生相同的结果:
函数var_fun(){array=[];return new Promise(resolve=>resolve()).then(()=>{array.push('text')返回数组})}var_fun().then(result=>{console.log(result)})
但对多个对象的行为不同:
函数var_fun(){array=[];return new Promise(resolve=>resolve()).then(()=>{array.push('text')返回数组})}[1,2,3].对于每个(i=>{var_fun().then(result=>{console.log(result)})})
但是,使用let:
函数var_fun(){let数组=[];return new Promise(resolve=>resolve()).then(()=>{array.push('text')返回数组})}[1,2,3].对于每个(i=>{var_fun().then(result=>{console.log(result)})})
当在浏览器中执行Javascript时,所有代码都被一个with语句包围,如下所示:
with (window) {
//Your code
}
有关-MDN的更多信息
由于var在当前范围内声明了一个变量,所以在窗口内声明var和根本不声明它之间没有区别。
不同的是,当你不直接在窗口内时,例如在函数内或块内。
使用var可以隐藏同名的外部变量。通过这种方式,您可以模拟“私有”变量,但这是另一个主题。
经验法则是始终使用var,否则会有引入细微错误的风险。
编辑:在收到批评之后,我想强调以下几点:
var声明当前范围中的变量全局范围是窗口不使用var在全局范围(窗口)中隐式声明var使用var在全局范围(窗口)中声明变量与省略变量相同。使用var在不同于window的作用域中声明变量与不使用var声明变量不同始终显式声明var,因为这是一种很好的做法
当有些人试图学习这一点时,我是这样看的。对于初学者来说,上面的例子可能有点过于复杂。
如果运行此代码:
var local = true;
var global = true;
function test(){
var local = false;
var global = false;
console.log(local)
console.log(global)
}
test();
console.log(local);
console.log(global);
输出将为:false,false,true,true
因为它认为函数中的变量与函数外的变量是分开的,因此称为局部变量,这是因为我们在赋值中使用了var。如果你去掉函数中的var,那么它现在看起来像这样:
var local = true;
var global = true;
function test(){
local = false;
global = false;
console.log(local)
console.log(global)
}
test();
console.log(local);
console.log(global);
输出为false、false、false和false
这是因为它没有在局部范围或函数中创建新变量,而是简单地使用全局变量并将其重新赋值为false。