javasript中变量提升******let变量

我们知道局部变量和全局变量同名是,局部变量会覆盖全局变量。
如以下代码:

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的缺陷。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值