JS中const、let、var之间的区别

最新推荐文章于 2021-10-25 21:20:54 发布

原创最新推荐文章于 2021-10-25 21:20:54 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #变量声明

js 专栏收录该内容

86 篇文章

订阅专栏

本文详细介绍了JavaScript中const、var和let关键字的使用方法及其区别。const定义不可修改且必须初始化的变量；var定义可修改变量，作用域为整个函数；let用于块级作用域，不同块内可定义同名变量。

const

const定义的变量不可以修改，而且必须初始化

const b = 1;    //正确
const b;    //错误，必须初始化
console.log('函数外const定义b：' +　ｂ);/有输出值
//b = 5;
//console.log('函数外修改const定义b:' + b);//无法输出

var

var定义的变量可以修改，如果不初始化会输出undefined，不会报错

var a = 1;
// var a;//不会报错
console.log('函数外var定义a:' + a);//可以输出a=1
function change(){  
    a = 4;
    console.log('函数内var定义a:' + a);//可以输出a=4
}
change();
console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4

let

let是块级作用域，函数内部使用let定义后，对函数外部无影响

let c = 3;
console.log('函数外let定义c：' + c);//输出c=3
funcion change(){   
    let c = 6;
    console.log('函数内let定义c：' + c);//输出c=6
}
change();
console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3

附var与let的区别实例代码：

function varTest() {
  var x = 1;
  if (true) {
    var x = 2;  // 同样的变量!
    console.log(x);  // 2
  }
  console.log(x);  // 2
}

function letTest() {
  let x = 1;
  if (true) {
    let x = 2;  // 不同的变量
    console.log(x);  // 2
  }
  console.log(x);  // 1
}