我的JavaScript学习之路二：JavaScript声明变量的三种方式var、let、const

一、var声明

• ECMAScript 变量是松散类型的，变量可以用于保存任何类型的数据，每个变量只不过是一个用于保存任意值的命名占位符（变量的本质就是在内存中开辟一块空间存放数据，他本身不是数据，只是一个装载数据的容器）。

• JavaScript中的变量只是存放数据的容器，变量的类型由存放的值的类型决定，与变量本身无关。

• JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可以随时更改类型。

1.1 var声明变量

在ES6之前，声明变量的唯一方式就是使用var关键字，且无法声明常量。

var message;  //声明一个变量message;
console.log(message); // undefined

这里声明了一个名为message的变量，可以用于保存任何类型的值。在不初始化的情况下，变量中会保存一个特殊的值undefined。

var message = 'tom';   //**在变量声明的同时可以进行初始化。**     
message = 18;
console.log(message); // 18

变量的初始化只是简单的赋值，并不标识变量类型，之后不仅可以改变变量保存的值，还可以改变值的类型。

1.2 var声明作用域

• 使用var声明的变量不具有块级作用域

{
   
  var message = 'h1'  // var声明变量没有块级作用域
}
console.log(message)  // 'h1'

• 使用var操作符定义的变量会成为包含它的函数的局部变量

function test() {
   
  var message = 'h1' // 局部变量
}
test() // 函数调用之后其中的局部变量即被销毁
console.log(message) // 报错

• var声明的全局变量被实现为全局对象的属性

var name = 'tom'
console.log(window.name)  // 'tom'

• 在函数内定义变量时省略var操作符，将创建一个暗示全局变量。（在严格模式下将抛出ReferenceError）

function test() {
   
  message = 'hi' // 暗示全局变量
}
test();
console.log(message) // hi
-------------------------------------------------------------------------------------------
//严格模式下
function test() {
   
 "use strict";
  message = 'hi' // 暗示全局变量
}
test();
console.log(message) // ReferenceError: message is not defined

1.3 var出现冗余声明不会报错

• var多次声明同名变量是合法的，并不会报错

var name;
var name;  //不会报错

• 由于var变量只有函数作用域，不具有块级作用域，重复声明同名变量在for循环中很常见；在for循环中，var并不会把变量的作用域限定在循环体内，每次循环都会重新声明和重新初始化同一个变量

for( i = 0; i < 5; i++;){
   
   console.log(i);   //因为没有块级作用域，每一次循环都是使用同一个i 
}
console.log