var 和 let 的区别?

[brooky]

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10   

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

想不明白了, 谁能帮忙解释下这是为啥呢?

[JohnLou]

我刚看了这个，因为 var 的作用域只能是函数和全局，而 let 是块，也就是{}，所以对于 let ， for 循环一次， i 就在那个循环里起作用而已。

[chemzqm]

你或许需要一本 exploring es6

[miketeam]

总是喜欢把事情搞得这么复杂，所以一点都不喜欢了 js

[nanxiaobei]

用 var ，每个 function 都保存着 i 的同一个变量对象，为 10 。
用 let ，是块级作用域，每次的 i 是独立的，大概是这样吧。

[brooky]

@JohnLou 用 var 声明的话数组里面存的是 [ funciton(){console.log(i)}, funciton(){console.log(i)}...]
用 let 声明数组里面的即是[ function(){console.log("1")}, function(){console.log("2")} ....]?

[jswh]

http://es6.ruanyifeng.com/#docs/let

[brooky]

@jswh 我就是看到这个没有看明白的...

[JohnLou]

@brooky 不是很准确，可以理解为这样[{let i=0;}, {let i =1}]， i ++之后就新起一个块。

[SoloCompany]

你应该这样理解
本来不应该有 var 和 let 的
因为他们其实除了作用域以外没有任何区别
但由于历史原因， var 的作用域泄露的问题被吐槽太多了，又不得不兼容，所以才产生了 let

js 三种变量声明方式

x;
var x;
let x;

如果可以用更合适的关键字修饰符的话，就是等同于
global x; (前提是变量没有在任何作用域中被定义)
function local x;
local x;

[ByZHkc3]

作用域的区别， let 只在当前循环或函数里有效，这等同于再函数里 var 了一样。

[brooky]

````
var tmp = new Date();

function f() {
console.log(tmp);
if (false) {
var tmp = "hello world";
}
}

f(); // undefined
````
又来个问题, 自学真的很不行是不是, 求老司机带带 付费指导

[baconrad]

因為 var 的變量聲明會被提前,
先這樣處理後, 再來看問題就會比較容易理解.


```
var a = [];
var i;
for ( i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
```


```
var tmp = new Date();

function f() {
var tmp;
console.log(tmp);
if (false) {
tmp = "hello world";
}
}

f(); // undefined

```

[geekaven]

作用域，变量提升。

[geekaven]

可以看看《你不知道的 javascript 》 第一卷 1 ， 2 ， 3 ， 4 章

[Sivan]

建议楼主先学一下基础知识再去学 ES6 相关改进。

[yyfearth]

@miketeam 其实不是复杂 是由于大量的历史包袱 JS 一开始设计的不好 然后修修改改 导致这样的问题

[yyfearth]

@brooky 所以两者不要混用
let 是 block scope 和大多数语言一样 所以最近才出现 减少问题的发生
var 是 function scope 由于历史原因 对于很多人来说 非常容易混淆

所以你能用 let 的情况下 只用 let
如果你要考虑浏览器兼容性的情况下 就只用 var
不要混用 把自己搞糊涂

[kitalphaj]

难道不是还有一个 const 么。。。。所以一共是四种修饰方式么？ var, let, const, 和空。。。

[WildCat]

[第 723 期] ES6 中 的 var 、 let 和 const 应该如何选择？
前端早读课： http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651223318&idx=1&sn=c1c2ce1444cae205c2e72072f0d82913&chksm=bd49ac928a3e2584740d126e9d76c08e453970fe7d00488c21e2b27a6fac1d6750672f202ce1&scene=7#wechat_redirect


@kitalphaj

[murmur]

目前 var 和 let 没任何区别 本来我以为 babel 会把 let 的变量都搞到函数里隔绝作用域 结果如果没重名的话就是把 var 改成 let
如果有重名就在 let 的变量下家个下划线。。