js 声明变量时 let、var、const 的区别

let、const是es6新提出的定义变量的方法。let已经被广泛使用,它能弥补var在使用上的某些不足。

1.var 

  • var的作用域是全局作用域与函数作用域(局部)
  • var声明的变量,可修改变量值,可重新声明
    var v2 = 1;
    var v2 = 2;
    console.log(v2);  /*2,var可被重复声明*/
  • 使用var定义的变量,会自动变成window对象的属性,不管在全局作用域与局部作用域内都是。let、const不会
      var v2 = 2;
      console.log(window.v2); /*2,var全局变量自动添加window变量的属性*/
      let v3 = 1;
      console.log(window.v3); /*undefined*/
  •   var的提升时,声明与函数被提到作用域顶部,并对变量赋undefined的初始值。
      function func() {
        console.log(name);
        var name = 'fkit';/*var name提前并赋初始值,输出undefined*/
        console.log(name);
      }

3. let

  • let作用域是块级作用域,{ }大括号内就是一块,仅在当前块中有效;

  • let定义的变量可以被修改,但是在同一个作用域中无法被多次定义,
      let v1 = 1;
      v1 = 2; /*修改变量的值*/
      console.log(v1); /*2,一个作用域内可被修改*/
      let v1 = 3;
      console.log(v1); /*报错,一个作用域内不能重复声明*/

在不同的作用域中可定义相同的变量 ,互不干扰。因为他们是在不同的作用域内。

      let v1 = 1;
      console.log(v1);  /*1*/


      if (v1 === 1) {
        let v1 = 2;
        console.log(v1); /*2*/
      }
  •  let 的变量提升.let的声明也会被提升到作用域顶部,但是不会进行undefined赋值。若不赋值就使用会报错
          function func() {
            console.log(name); /*未提前声明name,报错*/
            let name = 'fkit';
            console.log(name);
          }
           func();

    3. const

  • const是块级作用域 
  • const 不能被修改并且不能被重新声明,相当于定义了一个常量。
      const v4 = 1;
      v4 = 3;/*试图修改值*/
      console.log(v4);/*报错*/
      const v4 = 1;
      const v4 = 2;
      console.log(v4); /*报错*/
  • 都说const定义的值不能修改,其实应该是定义的值的地址不能被修改。因为当const定义了复杂数据类型时,还能去操作他的元素。

       当使用const定义对象的时候,可以使用对象名.属性  = 属性值的方式修改对象的属性值。

const obj = {
    times: 4,
};
obj.times = 5;
  •  const的变量提升,与let一样,提升到作用域顶部,但不初始化。定义不赋值就使用会报错

### 回答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声明变量值不可修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值