var、let、const三者间的区别

主要是var和let两者的区别,const放在最后说

1.var是ES5中的,let是ES6中的

ES5不存在块级作用域的概念,只有全局作用域和函数作用域。在ES6之前,解决这个问题主要靠闭包(closure)


闭包指的是有权访问另一个函数作用域中变量的函数,常见的方式就是在函数中创建函数,借此突破作用链域。

function say666(){
      var num =665;
      var sayalert = function(){
        alert(num)
      }
      num++;
      return sayalert
    }

    var a = say666()
    a()
  }

因为say666()内部函数的执行需要依赖say666()中的变量,所以js垃圾回收机制GC不会回收say666的资源

在ES6中,用let代替var,因为let只有块级作用域的概念,由 { } 包括起来,if语句和for语句里面的{ }也属于块级作用域。

2.var变量未声明是undefined,let变量未声明会报ReferenceError错误

var变量即使调用在前,声明在后,也不会报错,因为存在变量提升,即在JS中函数及变量的声明都会被提至顶部。let变量在声明前,都不可用,即暂时死亡(temporal dead)

TDZ(暂时性死区):只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var tmp = 123;

if (true) {
   tmp = 'abc'; // ReferenceError
   let tmp;
}

上面代码中,存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。

ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

3.let允许重复声明

{
	let a;
	let a;//'a' has already been declared
}
{
	var a;
	var a;//没问题,var可以重复声明
}
{
	var a;
	let a;//'a' has already been declared
}
{
	let a;
	var a;//'a' has already been declared
}

4.let不能作为全局变量的属性调用,而var可以

ES5中全局对象的属性与全局变量基本是等价的

ES6 中做了严格的区分:
使用 var 和 function 声明的全局变量依旧作为全局对象的属性,
使用 let, const 命令声明的全局变量不属于全局对象的属性

???

  var a=10
  	 console.log(a); //10
    console.log(window.a);//undefined
    console.log(this.a);//undefined

这里和我看到的概念不太一致,网上说var可以挂载到window上的。
???

  var a=10
  	 console.log(a); //10
    console.log(window.a);//undefined
    console.log(this.a);//undefined

5.const简单来说就是不能改变的let

const要初始化,如

const a = 10
const a //Const declarations require an initialization value 

简单数据类型如此,对象或数组类型也是一样
只不过const保存的是指向对象或数组的指针,变量指向的是内存地址

你可能感兴趣的:(前端,js)