var ,let,const的区别

var 是ES5申明变量的方式,ES6新增了let,const来申明变量。
1.1let基本用法

{
	let a = 10;
	var b = 1;
}
a //ReferenceError: a is not defined
b // 1

上面的代码在代码块中分别用 let 和 var 声明了两个变量。然后在代码块之外调用这两个
变量,结果 let 声明的变量报错, var 声明的变量返回了正确的值。这表明, let 声明的变量只在其所在代码块内有效。
1.2不存在变量提升
var 命令会发生“变量提升”现象, 即变量可以在声明之前使用,值为 undefined。这
种现象多少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用。
为了纠正这种现象, let 命令改变了语法行为,它所声明的变量一定要在声明后使用,否
则便会报错 。

//var 的情况
console .log (foo ); //输出 undefined
var foo = 2 ;
// let 的情况
  console.log(bar); //报错 ReferenceError
    let bar = 2 ;

在以上代码中,变量 foo 用 var 命令声明会发生变量提升,即脚本开始运行时,变量 foo
便己经存在,但是没有值,所以会输出 undefined。变量 bar 用 let 命令声明则不会发生变
量提升。这表示在声 明它之前,变量 bar 是不存在的,这时如果用到它,就会抛出一个错误 。
1.3暂时性死区
只要块级作用域内存在let命令,它所申明的变量就“绑定”这个区域,不再受外部的影响。

var temp = 123;
if(true){
	temp = 'abc';  //ReferenceError
	let temp
}

上面代码中存在变量temp,但是块级作用域内let又申明了一个局部变量temp,导致后者绑定这个块级作用域,所以let声明变量前,对temp赋值会报错。
1.4不允许重复声明
let不允许在相同作用域内重复声明同一变量

{  let a = 11;let a = 2}
Identifier 'a' has already been declared

因此不能在函数内部重新声明参数

function (args){
let args //报错
}
function (args){
{
let args //不报错
}
}

2.1const基本用法
const 声明一个只读的常量。一旦声明,常量的值就不能改变。

   const PI = 3.1415
   const PI =3.14

PI = 3
VM1333:1 Uncaught TypeError: Assignment to constant variable.
    at <anonymous>:1:4

const 声明的常量不得改变值。这意味着,const一旦声明常量就必须立即初始化,不能留到以后赋值。

const a;
Uncaught SyntaxError: Missing initializer in const declaration

2.2const 本质
const 实际上保证的并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值〉而言,值就保存在变量指向的内存地址中,因此等同于常量。但对于复合类型的数据(主要是对象和数组)而言,变量指向的内存地址保存的只是一个指针, con st 只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,这完全不能控制 。 因此,将一个对象声明为常量时必须非常小心。

const foo = {};
foo.prop = 123;
foo.prop   //123

//将foo指向另一个对象
foo  = {};
Assignment to constant variable.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值