[游戏开发]JS中var、let和const的使用

在 ES6 之前，JavaScript 只有两种作用域：

1. 全局变量：在函数外声明，但在 JavaScript 程序的任何地方都可以访问。
2. 函数内局部变量：函数内使用 var 声明的变量只能在函数内容访问，如果不使用 var 则是全局变量。

ES6 可以使用 let、const关键字来实现块级作用域。

var与let/const的区别：

1. let/const 声明的变量只在let/const 命令所在的代码块 {} 内有效，在 {} 之外不能访问。 var声明的变量{}也可访问。

let demo1  = '23';
{
    let demo1 = '234';
    console.log(demo1);//234
}
console.log(demo1)//23

2. 使用 var 关键字声明的全局作用域变量属于 window 对象。
   使用 let/const关键字声明的全局作用域变量不属于 window 对象，所以不可以用window. 变量名的方式访问这些变量。

var i = 5;
for (var i = 0; i < 10; i++) {
   //....
}
console.log(i); //10
console.log(window.i); //10
let m =5;
for (let m = 0; m < 10; m++) {
    console.log("m="+m) // m=0 1 2 3 4 5 6 7 8 9
}
console.log(m); //5
console.log(window.m); //undefined 

3. 在相同的作用域或块级作用域中,可以使用 var 关键字来重置 var 关键字声明的变量,而不可重置其它关键字声明的变量。
   在相同的作用域或块级作用域中，不能使用let/const关键字来重置 let/const关键字声明的变量，但是 let关键字在不同作用域或不同块级作用域中是可以重新声明赋值的，而const关键字定义的常量，声明时必须进行初始化，且初始化后不可再修改。使用 const 定义的对象或者数组，其实是可变的，可添加修改对象属性或数组元素，但不能对对象或数组重新赋值

const peo = {
    name :'bob',
    age:25
}
peo.num=12345676;
console.log(peo); //{name: 'bob', age: 25, num: 12345676}
peo.name='mandy'
console.log(peo)//{name: 'mandy', age: 25, num: 12345676}

4. var关键字定义的变量可以先使用再声明（JS的声明提升）
   而let/const定义的变量则不可以在使用后声明，也就是变量需要先声明再使用，存在暂时性死区 。

var与let/const 类似之处：

1. 在函数体内使用 var 和 let /const关键字声明的变量的作用域都是局部的。
2. 在函数体外或代码块外使用 var 和 let/const 关键字声明的变量的作用域都是全局的

补充：

JS的声明提升：函数及变量的声明都将被提升到函数的最顶部，只有用var声明的变量才会如此，let/const是块级作用域，故使用let/const关键字必须先声明再使用。

var a = 99;            // 全局变量a
f();                   // f是函数，虽然定义在调用的后面，但是函数声明会提升到作用域的顶部。 
console.log("全局变量a="+a);        // a=>99,  此时是全局变量的a
function f() {
  console.log("函数里未定义前的a="+a);      // 当前的a变量是下面变量a声明提升后，默认值undefined
  var a = 10;
  console.log("函数里定义后的a="+a);      // a => 10
}
/*result:
函数里未定义前的a=undefined
函数里定义后的a=10
全局变量a=99 */

感谢观看，希望对你有所帮助！