JavaScript中const，var，let的区别

作为快速上手JavaScript的iOS开发，实际工作中总是会遇到各种各样的问题，今天学习并记录一下JavaScript中一些基础知识点：JavaScript中三种定义变量的方式const， var， let的区别。

一：const、let、var的区别

1. const定义的变量不可修改，const一般在require一个模块的时候用或者定义一些全局常量。

2. let声明的变量作用域是在块级域中，函数内部使用let定义后，对函数外部无影响，可以在声明变量时为变量赋值，默认值为undefined,也可以稍后给变量赋值，在声明前无法使用。

3. var 声明的变量作用域是全局的或者是函数级的。

二：let和var关键字的异同

声明后未赋值，表现相同

'use strict';

(function() {
  var varTest;
  let letTest;
  console.log(varTest); //输出undefined
  console.log(letTest); //输出undefined
}());

使用未声明的变量，表现不同

(function() {
  console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
  console.log(letTest); //直接报错：ReferenceError: letTest is not defined

  var varTest = 'test var OK.';
  let letTest = 'test let OK.';
}());

重复声明同一个变量时，表现不同

'use strict';

(function() {
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';

  var varTest = 'varTest changed.';
  let letTest = 'letTest changed.'; //直接报错：SyntaxError: Identifier 'letTest' has already been declared

  console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)
  console.log(letTest);
}());

变量作用范围，表现不同

'use strict';

(function() {
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';

  {
    var varTest = 'varTest changed.';
    let letTest = 'letTest changed.';
  }

  console.log(varTest); //输出"varTest changed."，内部"{}"中声明的varTest变量覆盖外部的letTest声明
  console.log(letTest); //输出"test let OK."，内部"{}"中声明的letTest和外部的letTest不是同一个变量
}());

三：const、let、var的对比

1.const定义的变量不可修改，并且必须初始化。

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

PS：注意理解const修饰的变量不可修改的意义，const代表一个值的常量索引，也就是说，该变量指向的内存地址不可修改，而不是指向的具体对象不可修改，注意理解其中的意义

const names=[] ;
names.push(“1”) ;
console.log (names) ;

//数组
const names = [ ] ;
names=[];//Uncaught TypeError: Assignment to constant variable.
//number或String
const i=1;
i=2;//Uncaught TypeError: Assignment to constant variable.

对比上面的两种情况，更有助于理解其中的含义。

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

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

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

1 let c = 3;
2 console.log('函数外let定义c：' + c);//输出c=3
3 function change(){
4 let c = 6;
5 console.log('函数内let定义c：' + c);//输出c=6，
6 } 
7 change();
8 console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3，因为与外部的那个c不是同一个变量，所以不会影响外部的值

如有错误，欢迎指正交流！