您的位置:首页 > Web前端 > JavaScript

javascript从变量提升到let

2015-12-30 01:55 531 查看
变量提升就这么一句:函数内var声明变量,无论任何位置,无论外部是否有同名全局变量都会在第一行 'var 变量;',这就是变量提升。

!function a0(){
//var m;
console.log(m);
var m = "world";
}();    //结果undefined

var n=1;
!function a1(){
//var n
if(!n){    //n是undefined,不是1。把!n换成false试试从另一个角度感觉下
var n=100;
}
console.log(n);
}();    //结果100


js里只有函数有块级作用域,也就是说变量提升只针对函数
var v = "hello";
if(true){
console.log(v);
var v = "world";
}    //结果hello

(变量提升推荐这篇文章讲得很细http://blog.csdn.net/sunxing007/article/details/9034253)

但是,到了ECMAScript6,现在还玩不了,出现了let,这玩意儿很有意思。let类似var也是用来声明变量的。let声明的变量只在块级作用域里有效;let避免了变量提升,var出现变量提升的情况用let会报错;let也让函数之外的条件判断或for的每一次循环出现了块级作用域。见《ecmascript6入门》
for(var i=0;i<10;i++){
let c=i;
a[i]=function(){
console.log(c);
}
}
a[6]();--->6,如果用var声明c会覆盖是9

!function a0(){
console.log(m);
var m = "world";
}();--->报错,避免了变量提升

var v = 1;
if(true){
let v =100;
}
consol.log(v)--->1,if也产生了块级作用域
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息