ES6专题--1.let和const

let(变量) 与 const(常量)

(获取最新完整前端课程关注vx公众号:前端拓路者coder,回复:资料)

1. 之前定义变量，用 var 关键字；有如下主要缺点：
   • 存在变量提升问题，降低 js 代码的可阅读性
   • 没有块级作用域，容易造成变量污染

1.  console.log (s);
var s= 10;
//打印的结果:undefined,说明var声明的确实是有变量提升的问题
2.
 for (var i = 0; i<10; i++ ) {
    
 }
 console.log(i) //10
// 在for循环中我们希望i只在for循环{}内使用,然而在外部也能打印出来,
//说明var 定义的变量没有块级作用域

2. let 主要特性：
   • 不存在变量提升问题，只有定义之后才能使用此变量
   • 有 { } 作用域

console.log(a)
let a = 10 ;
//产生报错:VM55:1 Uncaught ReferenceError: a is not defined
//说明let 不存在变量提升问题，只有定义之后才能使用此变量

 
 for (let i = 0; i<10; i++ ) {

}
 console.log(i)
//产生报错:VM60:4 Uncaught ReferenceError: i is not defined
//说明有 { } 作用域--块级作用域

3. const 主要特性：
   • 不存在变量提升问题，只有定义之后才能使用此变量
   • const 定义的常量，无法被重新赋值
   • 当定义常量的时候，必须定义且初始化，否则报语法错误
   • const 定义的常量，也有 块级作用域

const  a = 10;
a = 12;
console.log (a)
//产生报错:VM65:1 Uncaught SyntaxError: Identifier 'a' has already been declared
//说明无法被重新赋值   赋值后会报错

 
const d 

//执行的时候会报一个错 Uncaught SyntaxError: Missing initializer in const declaration
//说明有 当定义常量的时候，必须定义且初始化，否则报语法错误
//其实我们可以想到如果不给初始值的话,我们又不能给他重新赋值,
//所以他一直是undefined,所以没有任何意义

那么看看const的块级作用域的体验的吧

  for ( let i = 0; i < 10; i++){
        const a = 'hello';
        console.log (a)
    }

执行上述代码我们会发现是打印出10个hello
但是代码翻译一下不是这样的吗??

	const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    const a = 'hello';
    console.log (a)

这样不用看,肯定是报错的,因为const 定义的常量，无法被重新赋值
但是在循环里为什么没有报错而是每个打印出来的???

这是应为for循环每次循环都是会建立一个{}作用域,在当前次循环的{}作用域中会定义一个常量打印出来,及每次循环都会创建一个独立的{},这样就好理解啦!!!

如果这个文章对你有用的话,欢迎点赞转发关注,让更多的小伙伴看到呀,毕竟分享是一个程序员最基本的美德!!!