面试官竟然问我JavaScript中var、let和const有什么区别?

在JavaScript中有三种声明变量的方式:var、let、const。

目录
1.var

  1. let
  2. const
    1.var
    (1)var定义的变量在之后可以修改,如果不初始化会输出undefined,不会报错。

var a;
console.log(a); // undefined
// -----------------------------
console.log(a); // undefined
var a = 1;
1
2
3
4
5
(2)var定义的变量,可以跨块访问, 不能跨函数访问。

(3)var只有函数作用域,没有块级作用域。

(4)var的作用域是函数作用域,var可以用来声明全局变量,也可以声明局部变量。在一个函数内利用var声明一个变量,则这个变量只在这个函数内有效。

全局变量:在函数外定义的变量,作用域是整个代码文件。
局部变量:在函数内定义的变量,作用域是当前的函数内部。
var a = 666;
console.log("函数外var定义a:" + a); // 函数外var定义a:666
利率决议 http://www.gendan5.com/decision/jpy.html
function cg(){
a = 888;
console.log("函数内var定义a:" + a);// 函数内var定义a:888
}

cg();
console.log("函数调用后var定义a为函数内部修改值:" + a);
// 函数调用后var定义a为函数内部修改值:888
1
2
3
4
5
6
7
8
9
10
11
(5)可以重复定义,后面的值会覆盖前面的。

var a = 1;
var a = 2;
console.log(a); // 2
1
2
3

  1. let
    (1)let是块级作用域,函数内部使用let定义后,对函数外部无影响。

let a = 666;
console.log("函数外let 定义a:" + a); // 函数外let 定义a:666

function cg(){
let a = 888;
console.log("函数内let 定义a:" + a);// 函数内let 定义a:888
}

cg();
console.log("函数调用后let 定义a为函数内部修改值:" + a);
// 函数调用后let定义a为函数内部修改值:666
1
2
3
4
5
6
7
8
9
10
11
(2)不存在变量声明提前,否则会报错。

console.log(a);
let a = 1;
1
2

(3)let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。

var c=11;

{
let c=12;
console.log(c);// 12
}
console.log(c);// 11
1
2
3
4
5
6
(4)不能重复定义,否则会报错。

let a = 1;
let a = 2;
console.log(a);
1
2
3

  1. const
    (1)const定义的变量不可以修改,而且必须初始化。

const b = 2;// 正确
const b; // 错误,必须初始化
1
2
(2)const一般用来声明常量,且声明的常量是不允许改变的,为只读属性,因此就要在声明的同时赋值。

(3)const与let一样,都是块级作用域,只能在块作用域里访问,存在暂时性死区,不存在变量声明提前,不允许重复定义。

const b = 2;
const b = 2;
console.log(b);
1
2
3

猜你喜欢

转载自blog.51cto.com/14513127/2481778