首页 > 其他分享 >let,var,const的区别

let,var,const的区别

时间:2022-09-04 16:56:20浏览次数:92  
标签:const 变量 作用域 let var 声明

js中let,var,const的区别

(1) 块级作用域:块级作用域由{}包括,let和const具有块级作用域,var不存在块级作用域

(2) 变量提升:var存在变量提升,let和const不存在变量提升,即在变量只能在声明之后用,否则会报错

(3) 给全局添加属性:浏览器的全局对象是window,Node的全局对象是global。var声明的变量为全局变量,并且会将该变量添加为全局对象的属性,但是let和const不会

(4) 重复声明:var声明变量时,可以重复声明变量,后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。

(5) 初始值设置:在变量声明时,var和let可以不用设置初始值。而const声明变量必须设置初始值。

(6) 暂时性死区:在使用let,const命令声明变量之前,该变量都是不可用的,称为暂时性死区。使用var声明的变量就不存在

(7) 指针指向:let和const都是新增的用于创建变量的语法。let创建的变量是可以更改指针指向的(可以重新赋值)。但const声明的变量不允许改变指针的指向


1.是否允许存在变量提升

  • var声明的变量存在变量提升(将变量提升到当前作用域的顶部),即变量可以在声明之前调用,值为undefined.
  • letconst不存在变量提升,即它们所声明的变量一定要在声明后使用,否则报ReferenceError
console.log(f)   //undefined
var f = 1;

console.log(g)     //referenceError: g is not defined
let g = 2;

console.log(h)     //referenceError:g is not defined
const h = 2;

2.是否存在暂时性死区?

let和const存在暂时性死区。即只要块级作用域内存在let命令,它所声明的变量就"绑定"这个区域,不受外部的影响。

var tmp = 123;
if(true){
	tmp = 'abc';   //ReferenceError
	let tmp;
}
//以上代码if后面{}形成块级作用域,由于使用let声明了tmp,则这个变量就绑定了块区域

3.是否允许重复声明变量

  • var允许重复声明变量
  • letconst在同一作用域不允许重复声明变量
var f = 4;
var f = 5;
console.log(5)   //5


let g = 6;
let g = 7;
console.log(7)    // SyntaxError: Identifier 'g' has already been declared

const h = 8;
const h = 9;
console.log(h)   // SyntaxError: Identifier 'g' has already been declared

4.是否存在块级作用域

  • var不存在块级作用域。
  • let和const存在块级作用域。
//1.内层变量可能覆盖外层变量的问题
var a = 2;
function fun(){
	console.log(a)   //undefined
	if(false){
		var a = 3;     //变量提升带来的尽管存在作用域,但是var声明的变量会跨越这个域
	}
}
fun()
//2.用来计数的循环变量泄露为全局变量。
var s = 'hello';
for(var i = 0;i< s.length;i++){
	console.log(s[i]);
}
console.log(i);            //i循环结束后,泄露成了全局变量

5.是否能修改声明的变量

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

const f = 10;
//f = 11;
//console.log(f)  //报错,不能进行重复声明

const obj = {
	name:'小明',
	age:18
}
obj.age = 20
console.log(obj)   //{name:'小明',age:20}
//const声明常量,不允许对变量进行重新赋值,对于引用类型的值而言,只要在栈内存保存的地址值不变即可。

参考资料:
https://blog.csdn.net/weixin_43638968/article/details/107619416

标签:const,变量,作用域,let,var,声明
From: https://www.cnblogs.com/HuangJiaZ/p/16655308.html

相关文章

  • [Go] Variables - non-declaration statement
    packagemainimport( "fmt")funcmain(){varfirstNamestring="firstName"varlastName="lastName"varfullNamestring//Gowillassignd......
  • kubelet忽然不可用
    原因,有可能机器的cpu信息有变化(扩容或者缩容)解决办法:删掉/opt/var/lib/kubelet目录下(或者/data/lib/kubelet)cpu_manager_state文件然后monitrestartkubelet(或者sys......
  • Servlet-HttpServlet
      然后重新doGet和doPost方法,将来通过get方式来访问这个ServletDemo04就会调用doGet这个方法,通过post方式来访问这个ServletDemo04就会调用doPost这个方法......
  • Servlet-快速入门
         在这之前导入tomcat插件     1.在运行环境和测试环境有效。依赖范围必须配provided。在tomcat中有这个架包。  2.实现servlet接口重写......
  • DispatcherServlet类源码分析
    DispatcherServlet类结构图 DispatcherServlet源码分析1. 加载配置文件/***Thisimplementationcalls{@link#initStrategies}.*/@Overrideprotecte......
  • DispatcherServlet工作原理,处理流程
    工作原理1.当DispatcherServlet接到请求时,他先回查找适当的处理程序来处理请求。DispatcherServlet通过一个或者多个处理程序映射,将每个请求映射到处理程序中。处理程序......
  • DispatcherServlet初始化顺序详解
    1. Web容器启动时将调用HttpServletBean的init方法publicabstractclassHttpServletBeanextendsHttpServletimplementsEnvironmentAware{@Overridepubli......
  • [Google] LeetCode 2135 Count Words Obtained After Adding a Letter
    Youaregiventwo0-indexedarraysofstringsstartWordsandtargetWords.EachstringconsistsoflowercaseEnglishlettersonly.ForeachstringintargetWord......
  • matlab练习程序(VAR模型)
    VAR模型称为向量自回归模型,可以对多组变量之间的关系进行建模,是AR模型的多维扩展。比如有两个变量X和Y,AR模型建模场景是X只和X过去的状态有关系,VAR模型建模场景则是X同时......
  • 105.construct-binary-tree-from-preorder-and-inorder-traversal 从前序与中序遍历序
    原理参照从中序与后序遍历序列构造二叉树,这里直接给出基于vector索引优化之后的版本:classSolution{private:TreeNode*get_root(vector<int>&preorder,intpr......