JS中的let和var的区别

点击( 此处 )折叠或打开

1. var a = 99 ; // 全局变量a
2. f ( ) ; // f是函数，虽然定义在调用的后面，但是函数声明会提升到作用域的顶部。
3. console . log ( a ) ; // a = > 99 , 此时是全局变量的a
4. function f ( ) {
5.   console . log ( a ) ; // 当前的a变量是下面变量a声明提升后，默认值undefined
6.   var a = 10 ;
7.   console . log ( a ) ; // a = > 10
8. }
9. // 输出结果：
10. undefined
11. 10
12. 99

点击( 此处 )折叠或打开

1. {
2.   var i = 9 ;
3. }
4. console . log ( i ) ; // 9

点击( 此处 )折叠或打开

1. {
2.   let i = 9 ; // i变量只在 花括号内有效！！！
3. }
4. console . log ( i ) ; // Uncaught ReferenceError : i is not defined

点击( 此处 )折叠或打开

1. for ( var i = 0 ; i < 10 ; i + + ) {
2.   setTimeout ( function ( ) { // 同步注册回调函数到 异步的 宏任务队列。
3.     console . log ( i ) ; // 执行此代码时，同步代码for循环已经执行完成
4.   } , 0 ) ;
5. }
6. // 输出结果
7. 10 共10个
8. // 这里面的知识点： JS的事件循环机制，setTimeout的机制等

点击( 此处 )折叠或打开

1. // i虽然在全局作用域声明，但是在for循环体局部作用域中使用的时候，变量会被固定，不受外界干扰。
2. for ( let i = 0 ; i < 10 ; i + + ) {
3.   setTimeout ( function ( ) {
4.     console . log ( i ) ; // i 是循环体内局部作用域，不受外界影响。
5.   } , 0 ) ;
6. }
7. // 输出结果：
8. 0 1 2 3 4 5 6 7 8 9

点击( 此处 )折叠或打开

1. console . log ( aicoder ) ; // 错误：Uncaught ReferenceError . . .
2. let aicoder = 'aicoder.com' ;
3. // 这里就可以安全使用aicoder

点击( 此处 )折叠或打开

1. let a = 0 ;
2. let a = 'sss' ;
3. // Uncaught SyntaxError : Identifier 'a' has already been declared

点击( 此处 )折叠或打开

1. let a = 0 ;
2. let a = 'sss' ;
3. // Uncaught SyntaxError : Identifier 'a' has already been declared