Uncaught SyntaxError: redeclaration of let page

未捕获的语法错误：let页的重新声明

Uncaught SyntaxError: redeclaration of let page

ES6中 出现了用 let 关键字 完善了 JS的作用域概念

声明变量并赋值 打印

let page = 1;
console.log( page ); // 1

在之前我们习惯 var 声明 同样的变量名 可以覆盖

var rows = 10;
console.log( rows ); // 10
var rows = 20;
console.log( rows ); // 20

let 重复声明同样的变量名 时i 直接 报错

let rows = 10;
console.log( 10 ); 
let rows = 20;

常用于循环遍历时

var声明时 循环结束依然能够访问 循环中的 定义的 i 值

for( var i = 1; i <= 3; i++){
    
	console.log( i );
}
console.log( i ); // 4

等价于变量提升效果 此时 i 相当于 全局变量

var i;
for(  i = 1; i <= 3; i++){
    
	console.log( i );
}
console.log( i ); // 4

为了避免该问题 let 声明 即可 单独作用域

for( let i = 1; i <= 3; i++){
    
	console.log( i );
}
console.log( i );

此时 超出 for 循环的范围 变量 i 因超出当前作用域显示未定义

Uncaught ReferenceError: i is not defined