var&function 与 let&const 对比

前端

2023-11-28 15:47:43

一、var 与 let 的区别

在 JavaScript 中，var 和 let 都是用来声明变量的，但它们之间存在着一些关键区别：

作用域：var 声明的变量具有全局作用域或函数作用域，而 let 声明的变量只具有块级作用域。这意味着，var 声明的变量可以在任何地方访问，而 let 声明的变量只能在声明它的块中访问。
重新声明：var 声明的变量可以被重新声明，而 let 声明的变量不能被重新声明。
初始化：var 声明的变量不需要初始化，而 let 声明的变量必须在声明时初始化。

二、const 与 let 的区别

const 与 let 都是用来声明常量的，但它们之间也存在着一些关键区别：

重新赋值：const 声明的常量不能被重新赋值，而 let 声明的常量可以被重新赋值。
初始化：const 声明的常量必须在声明时初始化，而 let 声明的常量可以在声明后初始化。

三、function 与 var 的区别

function 与 var 都是用来声明函数的，但它们之间也存在着一些关键区别：

作用域：function 声明的函数具有全局作用域或函数作用域，而 var 声明的函数只具有函数作用域。这意味着，function 声明的函数可以在任何地方调用，而 var 声明的函数只能在声明它的函数中调用。
提升：function 声明的函数会被提升到作用域的顶部，而 var 声明的函数不会被提升。这意味着，function 声明的函数可以在声明之前调用，而 var 声明的函数只能在声明之后调用。

举个例子：

var a = 10;  // var 声明的变量
let b = 20;  // let 声明的变量
const c = 30;  // const 声明的常量

function add(x, y) {  // function 声明的函数
  return x + y;
}

var sum = add(a, b);  // 调用 function 声明的函数
console.log(sum);  // 输出结果：50

function multiply(x, y) {  // var 声明的函数
  return x * y;
}

var product = multiply(b, c);  // 调用 var 声明的函数
console.log(product);  // 输出结果：600