js变量提升问题

js中什么是变量提升

说实话，我刚开始学JS那会儿，变量提升这玩意儿真是把我绕得头都大了。
记得有一次写代码，突然遇到一个奇怪的问题，调试了半天才发现是变量提升搞的鬼。

就拿你举的那个例子来说，var x = 1 0; 这行代码，你可能会觉得 console.log(x) 应该输出 1 0，但实际上输出的是 undefined。
这背后就是变量提升在作祟——变量声明被提到作用域顶部了，但赋值操作没跟着走。
这就像你先宣布有个朋友要来家里，结果他还没到你就开始跟他打招呼，当然对方回应你是没可能的。

有意思的是，函数声明会被整整齐齐地提升，连函数体都一起过来了。
所以你才能在声明前就调用 foo()。
这倒是挺方便的，但也容易让人误以为函数声明比其他变量声明更"特权"。
我之前就踩过这个坑，写了个 test() 函数，结果在函数体里又声明了一个同名的 var a，结果外部的 a 就被覆盖了。
这简直是把全局变量和局部变量搞混了，调试起来简直像大海捞针。

说到 let 和 const，这两兄弟的出现真是拯救了无数像我这样的初学者。
块级作用域的设计避免了变量提升的混乱，你在声明前访问变量会触发"暂时性死区"，直接报错。
这虽然一开始让人不适应，但长期来看确实让代码更清晰了。
我有个同事特别喜欢用 var，每次看到他调试那些涉及作用域的bug，我都忍不住想推荐他试试 let。

其实变量提升是JS老版本为了兼容性留下的特性。
在ES6 之前，浏览器厂商们为了不破坏老代码，就搞出了这种"先声明后赋值"的机制。
说白了，这就像浏览器厂商在修新路时，先保留旧路让老车能跑，结果新司机还以为新路可以直接走，这就闹出笑话了。

我现在写代码，基本都遵循"显式声明变量位置"的原则，哪怕用 var 也会把所有变量声明放在作用域开头。
这虽然多花点时间，但能避免很多意想不到的bug。
至于完全避免依赖提升，确实不容易，特别是那些需要动态生成函数名的场景。

说到底，变量提升是JS发展过程中的一个历史遗留问题。
了解它确实能帮你更好地理解旧代码，但新开发中还是应该拥抱 let 和 const 带来的清晰性。
毕竟，调试别人写的充满变量提升的代码，可比自己写出这样的代码痛苦多了。

温故而知新：JS变量提升与时间死区

哎哟，这JavaScript的变量提升啊，说起来我混迹问答论坛这么多年，碰到过不少初学者在这上面卡壳。
咱们就简单点说吧，你写代码，首先得编译，编译完了才能执行。
这过程中，JavaScript会先把所有声明的变量和函数提前抽离出来，给它们分配内存。
比如说，你声明了个变量a，然后写了个函数，这俩玩意儿都会被提前处理。

当时我刚开始学这玩意儿的时候，也没想明白，怎么变量还没定义，就能用呢？其实啊，这是因为JavaScript有这个变量提升的机制。
简单来说，就是变量在用之前，会先在内存里占个位置，这个位置一开始是undefined。
比如你写了个var a，那这个a在内存里就是undefined。

但是啊，这let和const就有点不一样了。
它们虽然也提前声明，但是它们在内存里是空的，没有值。
这就是为什么你如果在声明之前就访问let或const，就会遇到时间死区，就是变量还没定义，你就要用，那就会出问题。

我当时在做项目的时候，就遇到过这样的问题。
我写了个for循环，里面用了let，然后在循环体里直接访问了它，结果就出错了。
后来才发现，原来这个let还没初始化呢。

再说说类，类声明在JavaScript里也会被提升，但是它得先声明，才能用。
如果在声明之前就用，那也是会出问题的。

所以啊，搞清楚这个提升机制，能帮你避免很多错误。
你写代码的时候，尽量把变量声明放在作用域的顶部，这样代码也更清晰。
说实话，我当时刚开始写JavaScript，也没注意这些，后来出了不少乱子，现在想想，还是得注意这些细节。

js中let和var的区别

let 和 var 的核心区别：
1 . 作用域
var：函数作用域。
例：function test() { var a = 1 ; if (true) { var a = 2 ; } console.log(a); // 输出 2 }
let：块级作用域。
例：function test() { if (true) { let a = 1 ; } console.log(a); // 报错：a 未定义 }
2 . 变量提升
var：提升并初始化为 undefined。
例：console.log(b); var b = 1 ; // 输出 undefined
let：提升但不初始化，访问时报错。
例：console.log(c); let c = 1 ; // 报错：Cannot access c before initialization
3 . 重复声明
var：允许重复声明。
例：var d = 1 ; var d = 2 ;
let：重复声明报错。
例：let e = 1 ; let e = 2 ; // 报错
4 . 最佳实践
使用 let 避免变量污染，减少提升问题，明确块级作用域。

用户问题修正： 将 isDirectCredit 移到函数顶部，保持块级作用域： javascript getInitialState:function(){ let isDirectCredit = false; if(this.props.settlementPayee.sourceObject.PayeeId){ if("1 09 " == this.props.settlementPayee.sourceObject.paymode){ isDirectCredit = true; } } let $state = {isDirectCredit: isDirectCredit}; return $state; }
实操提醒：始终在块内声明 let 变量。