let(变量) 与 const(常量)
(获取最新完整前端课程关注vx公众号:前端拓路者coder,回复:资料)
- 之前定义变量，用 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 定义的变量没有块级作用域
- 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
//说明有 { } 作用域--块级作用域
- 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循环每次循环都是会建立一个{}作用域,在当前次循环的{}作用域中会定义一个常量打印出来,及每次循环都会创建一个独立的{},这样就好理解啦!!!
如果这个文章对你有用的话,欢迎点赞转发关注,让更多的小伙伴看到呀,毕竟分享是一个程序员最基本的美德!!!
