let var const区别

本文详细介绍了JavaScript中var、let和const声明变量的区别。var声明的变量存在变量提升和作用域污染问题,而let和const则引入了块级作用域,let不允许重复声明,const声明的是不可变的常量,但其指向的内存地址不可变,而非值不可变。同时,let和const在暂时性死区内的使用规则也进行了阐述。
摘要由CSDN通过智能技术生成

一.var

ES5 中,顶层对象的属性和全局变量是等价的,⽤ var 声明的变量既是全局变量,也是顶层变量
注意:顶层对象,在浏览器环境指的是 window 对象,在 Node 指的是 global 对象
(1)使⽤ var 声明的变量存在变量提升的情况
(2)使⽤ var ,我们能够对⼀个变量进⾏多次声明,后⾯声明的变量会覆盖前⾯的变量声明
(3)在函数中使⽤使⽤ var 声明变量时候,该变量是局部的
var a = 100
function change(){
 var a = 50
}
change()
console.log(a) // 100
如果在函数内不使⽤ var ,该变量是全局的
var a = 20
function change(){
 a = 30
}
change()
console.log(a) // 30

二.let

let ES6 新增的命令,⽤来声明变量
⽤法类似于 var ,但是所声明的变量,只在 let 命令所在的代码块内有效,不存在变量提升
let 不允许在相同作⽤域中重复声明,注意的是相同作⽤域,下⾯这种情况是不会报错的
let a = 50
{
 let a = 100
} 

三.const

const 声明⼀个只读的常量,⼀旦声明,常量的值就不能改变,这意味着, const ⼀旦声明变量,就必须⽴即初始化,不能留到以后赋值。
如果之前⽤ var let 声明过变量,再⽤ const 声明同样会报错
const 实际上保证的并不是变量的值不得改动,⽽是变量指向的那个内存地址所保存的数据不得改动
对于简单类型的数据,值就保存在变量指向的那个内存地址,因此等同于常量
对于复杂类型的数据,变量指向的内存地址,保存的只是⼀个指向实际数据的指针, const 只能保证这
个指针是固定的,并不能确保改变量的结构不变
const foo = {};
// 为 foo 添加⼀个属性,可以成功
foo.prop = 123;
foo.prop // 123
// 将 foo 指向另⼀个对象,就会报错
foo = {}; // TypeError: "foo" is read-only
其它情况, const let ⼀致

变量提升

var 声明的变量存在变量提升,即变量可以在声明之前调⽤,值为 undefined
let const 不存在变量提升,即它们所声明的变量⼀定要在声明后使⽤,否则报错

暂时性死区

暂时性死区指的是在被let或const定义的变量,在该变量被声明之前无法被访问,会报错

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: js中,letvarconst都是用来声明变量的关键字,它们的区别如下: 1. var:在ES5中,var是声明变量的关键字,它的作用域是函数级别的,即在函数内部声明的变量只在函数内部有效,而在函数外部声明的变量则在全局范围内有效。在ES6中,var仍然可以使用,但是推荐使用letconst。 2. let:在ES6中,let是声明块级作用域变量的关键字,它的作用域是块级别的,即在块内部声明的变量只在块内部有效。let声明的变量可以被重新赋值,但是不能被重复声明。 3. const:在ES6中,const是声明常量的关键字,它的作用域也是块级别的,与let相同。const声明的变量不能被重新赋值,也不能被重复声明。常量一旦被赋值,就不能再次修改。 总之,letconst是ES6中新增的关键字,它们的作用域是块级别的,比var更加安全和灵活。而const声明的变量是常量,一旦被赋值就不能再次修改。 ### 回答2: JavaScript 是一种动态类型的编程语言,拥有多种变量声明方式,其中包括 letvarconst。下面将对它们各自的特点进行比较。 var 在 ES6 之前,varJavaScript 中最常用的变量声明方式之一。var 在声明时没有必要显式表明变量类型,在函数内部声明的变量的作用域范围会自动提升至函数顶部,并在函数外部声明的变量,在全局作用域范围内,都会被认为是 window 对象的属性。 然而,var 存在一些问题:它的作用域是函数级别的。这就意味着,在函数内部声明的变量,在函数体内都可访问,但在函数体外却无法访问。同时,如果重复声明同一个变量名,后续声明会覆盖前面的声明。这可能会导致意外的行为。 let ES6 引入了 let 声明变量的方式,这使得变量的作用域在声明的块级范围内。这意味着,let 声明的变量在声明它的块级作用域范围内可见,但在块级作用域之外不可见。与 var 类似,let 声明的变量是可变的,可以在被声明之后被重新赋值。 let 关键字在 for 循环中的使用也是常见的,因为它可以很容易解决传统的 JavaScript 中闭包的问题。在 for 循环中,let 声明的变量在每次循环中都有新的实例,因此它不会受到循环外任何其他代码的影响。 const const 关键字声明的变量通常被称为常量,常量是一种不能被重新赋值的变量类型。与 let 类似,const 下,变量作用域同样在声明它的块级作用域中。 因此,使用 const 关键字声明的变量只能赋值一次,而且这个值在后续代码中也不能改变。但是,如果一个 const 变量是对象类型,那么它里面的属性可以更改。这是因为 const 变量只是防止变量被重新分配,而不阻止变量内部状态的更改。 总的来说,letconst 相比起 var,更加安全和稳定。使用 letconst 可以让代码更清晰和易于理解,也可以避免出现不可预料的问题。在实际的开发环境中,开发人员可以根据实际需求选择使用何种变量类型。 ### 回答3: JavaScript中有四种声明变量的方式:letvarconst和class。其中letvarconst是ES6(ECMAScript 2015)引入的新特性,在ES6之前只有var一种变量声明方式。下面来详细介绍这三种声明方式的区别。 1. var声明 var是ES6之前用来声明变量的方式。使用var声明的变量是全局或函数作用域,可以在其声明范围内随意访问。 var a = 'global variable'; function func() { var b = 'local variable'; } console.log(a); // 'global variable' console.log(b); // ReferenceError: b is not defined 2. let声明 let是ES6引入的新的块级作用域声明变量的方式,在声明变量的代码块内生效。 let a = 'global variable'; if (true) { let a = 'local variable'; console.log(a); // 'local variable' } console.log(a); // 'global variable' 在if语句块中使用let声明了变量a,因此在if语句块中可以访问到该变量,而在if语句块外部,变量a指向的是全局变量。 3. const声明 const也是ES6引入的一个新的声明变量的方式,与let一样,const声明的变量也有块级作用域。 const a = 'constant variable'; a = 'new value'; // TypeError: Assignment to constant variable. const声明的变量值不能被修改,因此在上面的代码中尝试修改变量a的值会抛出一个TypeError错误。 总结: var声明的变量是全局或函数作用域,在声明范围内随意访问。 letconst声明的变量都是块级作用域,在声明变量的代码块内生效。let声明的变量可以赋值,而const声明的变量值不可修改。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值