我们知道局部变量和全局变量同名是,局部变量会覆盖全局变量。
如以下代码:
var scrope = "全局变量";
function text()
{
document.writeln(scope + <"br ">);
var scope = "局部变量";
document.writeln(scope +"<br >");
}
text();
运行结果:
undefined
局部变量
代码为什么第一次输出的不是“全局变量”呢?而是“undefined”。而“局部变量”在下面定义的。
这里就要解释一下javascript里面的变量提升机制。
变量提升:指的就是,变量声明总是会被解释器‘提升’到函数体的顶部。
注意:变量提升只是提升变量声明部分,并不会提升变量赋值部分。例如:
function text()
{
var scrope ;//只是提升了变量的声明部分,没有提升赋值部分
document.writeln(scope + <"br ">);
var scope = "局部变量";
document.writeln(scope +"<br >");
}
text();
新增let变量
在javascript中,设计者意识到var定义变量可能存在如下问题:
var定义的变量没有块作用域
var定义的全局变量会自动添加全局window对象的属性
var定义的变量会提前装载。
这是因为这个问题,就提出了let这个关键字来解决上述问题。如下例:
for (let i = 0; i < 10 ;i++)
{
console.log(i);
}
console.log("循环体之外:" + i);//这儿就会报错了。
因为用let定义的局部变量只在函数体内才有效,而在函数体外就不能调用了,所以此时就会报错。
在看一个代码:
let name = 'yeehu';
console.log(name);
console.log(window.name);//window.name不存在
这个程序不会有任何的输出。因为var定义的全局变量会自动的添加到全局window对象。
而let定义的全局变量,不会变成window对象。
在看一个实例:
var name = 'yeehu';
function func()
{
console.log(name);//name变量不存在,因为会报错。
let name = 'fkit';
console.log(name);
}
func();
使用var定义的变量会提前装载,而使用let定义的变量要等到程序流执行到定义变量的代码行时才会转载。
这时的let属性正好弥补了var的缺陷。