JavaScript 定义变量中的var、let 和const 关键词介绍

2015-11-16 0 By admin

在最新的 ES6 中,新添加了两个用于变量声明的关键字 let 和 const,那么这两个和之前使用的 var 有什么区别呢?

一、JavaScript 变量介绍

1.1、变量声明和初始化

在比较它们的区别之前,我们先来看一下变量声明和初始化。
变量声明会引入了一个新的标识符 declaration。在 JavaScript 中,新创建的变量的默认值都是 undefined。我们再来看一下变量赋值:
var str
console.log(str) // undefined
str='hello' //str 变量赋值

1.2、作用域

JavaScript 编程语言共有两种作用域:全局作用域和方法作用域。
使用 var 声明的变量的作用域是【方法作用域】,如下 date 变量在方法外面不可访问的:
function getDate(){
var date = new Date() 在getDate方法外不可访问
return date;
}

看起来蛮正常的。
var 变量关键字的真正问题在于:其在方法内部定义变量后的任何地方都可以访问到这个变量

JavaScript var 声明变量

如图所示,i、discountedPrice、finalPrice 这三个变量是定义在一个 for 循环体中的 (即位于【块作用域】中),按照正常思维来讲,在循环结束后,这三个变量是不可访问的;但是现在在这个整个大的方法中,依然是可以访问的。

二、var 和 let 比较

2.1、作用域不同

JavaScript let 声明变量

var 和 let 第一点不同就是 let 是块作用域,即其在整个大括号 {} 之内可见。
如果使用 let 来重写上面的 for 循环的话,会报错(ReferenceError: i is not defined )。

2.2、默认值不同

let 和 var 的第二点不同是,在变量声明之前就访问变量的话,会直接提示 ReferenceError,而不像 var 那样使用默认值 undefined

三、let 和 const 比较

JavaScript const 声明变量

const 和 let 的作用域是一致的,不同的是 const 变量一旦被赋值,就不能再改变了。但是这并不意味着使用 const 声明的变量本身不可变,只是说它不可被再次赋值了。

四、使用场景

我们已经讲解了它们的主要不同,但是什么时候用 var、let 或 const 呢?
大多数情况下都使用 const,除非你知道你的变量的值还会被改变,这样的话,别人阅读你的代码不用老想着这个变量的值会不会有改变。
如果这个变量的值的确需要改变,例如在 for 循环里面,那么就是用 let。这也同时意味着你以后就不要用 var 了。