js基础---var let const的区别

本文详细探讨了JavaScript中的变量声明方式var、let和const的区别。var存在变量提升和无块级作用域,可能导致变量覆盖和作用域混乱;而let和const则引入了块级作用域和暂时性死区,避免了这些问题。let允许重新赋值,const则不可,但const对象的属性仍可修改。此外,const声明必须初始化。这些特性使得let和const在编写更安全的代码中起到关键作用。
摘要由CSDN通过智能技术生成

var let const的区别

变量提升 在未定义之前可以使用而且不报错。
预解释 预解析 在浏览器拿到js代码将要执行之前,会整体的解读一遍js文件,把其中的var声明的变量还有function提前定义。var声明的变量会有一定的缺点(内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量,

let const 语法和 var一样都是用来声明变量的
1.是否存在变量提升?
var声明的变量存在变量提升 let/const声明的变量不存在

    console.log(a); //undefined
    var a = 1;
    
    // let和const声明的变量在初始化之前无法访问
    console.log(b);//Uncaught ReferenceError: Cannot access 'b' before initialization
     let b = 1;
     console.log(c);//Uncaught ReferenceError: Cannot access 'c' before initialization
     const c = 1;

2.是否存在暂时性死区?
var声明的变量不存在 let/const声明的变量存在
暂时性死区:在变量声明之前,任何的地方都不能去提前使用,一旦使用就会报错,那么这之前的这些代码,对于这个变量来说就是暂时性死区。总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

3.是否允许重复声明变量?
var声明的变量可以重复声明 let/const声明的变量不可以重复声明。

  // 是否允许重复声明变量
        var a = 1;
        var a = 6;
        console.log(a);//6
        
//let/const声明的变量不可以重复声明
   let b = 2;
   let b = 7;
    console.log(b);//Uncaught SyntaxError: Identifier 'b' has already been declared

     const c = 2;
     const c = 7;
     console.log(c);//Uncaught SyntaxError: Identifier 'c' has already been declared

4.是否存在块级作用域?
什么是块级作用域:
ES5中作用域有:全局作用域、函数作用域。没有块作用域的概念。因此也有一系列的问题。
var声明的变量不存在块级作用域 let/const声明的变量存在块级作用域。

     //1,内层变量可能覆盖外层变量的问题
        var a = 2;
        function fun() {
            console.log(a) //undefined
            if (false) {
                var a = 3;//变量提升带来的,尽管存在块级作用域,但是var声明的变量会跨越这个域。
            }
        }
        fun()

5.是否能修改声明的变量?
const声明的是一个常量,const声明的变量必须要进行初始化 不能够重新赋值 var和let可以重新赋值。

//是否能修改声明的变量  let const
var a = 1;
a=2;

let b = 1;
b = 100;

const c = 1;
// c =100; //Assignment to constant variable.  //const声明的是一个常量 不能够重新赋值*/


/*var a;
let b;
const c; //Missing initializer in const declaration //const声明的变量必须要进行初始化*/

//const声明的变量 如果赋值为一个引用数据类型的值,那么是可以修改值里面的内容的,只要不去修改这个变量所指向的内存空间地址即可
//基本数据类型和引用数据类型的区别
const c = {
    n : 1
};
c.n = 100

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: `var`、`let`、`const` 都是 JavaScript 中用来声明变量的关键字,但是它们之间有一些区别。 - `var`: 声明的变量可以在声明之前使用,并且默认值为 undefined。 - `let`: 声明的变量只能在声明之后使用,并且不会有默认值。 - `const`: 声明的变量只能在声明之后使用,并且不能被重新赋值。 需要注意的是,const 用于声明常量,声明后不能再修改,但是如果声明的是一个对象,那么对象的属性是可以修改的。 ### 回答2: JavaScriptvarletconst是变量声明的三种方式,它们有以下区别: 1. var:在函数作用域或全局作用域内声明变量,可以在声明之前使用。同一个作用域内的重复声明会被忽略,变量可被重新赋值。var存在变量提升的特性,在函数作用域中先声明后使用,变量的值为undefined。 2. let:在块级作用域内声明变量,块级作用域是指由一对花括号{}包围的区域。let声明的变量只在所在的块级作用域中有效,不会进行变量提升。同一个作用域内重复声明会报错,变量可被重新赋值。 3. const:也是在块级作用域内声明变量,声明的变量必须进行初始化,且初始化后不能再次被赋值。const声明的变量是常量,不可重新赋值,但如果变量是一个对象或数组,其内部的属性或元素是可以修改的。 总结来说,varlet都可以声明变量,但是let具有块级作用域,而var只有函数作用域或全局作用域,let不存在变量提升。const声明的是常量,不可重新赋值,但是如果是对象或数组,可以修改其属性或元素。在实际开发中,推荐优先使用letconst,避免使用var。 ### 回答3: JavaScript中的变量声明有三种方式:varletconst。它们在作用域、声明提升、重新赋值和暂时性死区等方面有所不同。 首先,var声明的变量的作用域是函数作用域,而letconst声明的变量的作用域是块级作用域。块级作用域是指由一对花括号{}包围的区域,例如if语句、循环语句和函数等。在块级作用域外部无法访问块级作用域内部声明的变量。 其次,var声明的变量存在声明提升的特性,即在变量声明之前就可以访问到变量,但其值为undefined。而letconst声明的变量不存在声明提升,即无法在声明之前访问到变量。 再次,var声明的变量可以被重新赋值,而let声明的变量也可以被重新赋值,但const声明的变量是常量,不能被重新赋值。这意味着const声明的变量必须在声明时进行初始化,并且在后续的代码中不能再次给它赋值。 最后,letconst声明的变量存在暂时性死区的概念。暂时性死区指的是在块级作用域内,使用letconst声明的变量在声明之前无法被访问。这是由于变量在进入块级作用域时就已经被创建,并且在声明之前访问变量会引发错误。 综上所述,varletconst在作用域、声明提升、重新赋值和暂时性死区等方面有所不同。可以根据具体的需求选择合适的变量声明方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值