var 和 let的变量定义的区别

①枚giser

已于 2022-05-09 23:24:17 修改

阅读量73

点赞数

文章标签： javascript 前端开发语言

于 2022-05-09 22:06:58 首次发布

本文链接：https://blog.csdn.net/m0_56062110/article/details/124675646

版权

本文探讨了ES5中两种定义函数的方式，并详细比较了ES6中let和var声明函数的区别。重点在于let不进行变量提升，导致先调用后定义会引发错误，而var则存在变量提升，使得函数可以被提前调用。通过实例解析了变量提升在函数定义中的影响，帮助理解这两者在实际编程中的行为差异。

摘要由CSDN通过智能技术生成

先回顾ES5的两种定义函数的方式

注意：这种定义函数的方法并不涉及let和var变量

function sum(x,y){
    return x+y
}
console.log(sum(4,5))

console.log(sum(4,5))
function sum(x,y){
    return x+y
}

这种定义函数的方法无论是先调用还是后调用都没关系，因为其中存在函数的预定义

注意：这种定义函数的方法开始涉及let和var变量

let sum=function(x,y){
    return x+y
}
console.log(sum(4,5))

console.log(sum(4,5))
let sum=function(x,y){
    return x+y
}

Uncaught ReferenceError ReferenceError: Cannot access 'sum' before initialization
引用错误：无法在初始化之前访问“sum”

重点来了，我们以这个实例讲解var 和 let的变量定义的区别，如果我们回到时间旅行的起点（继续讲解先调用后定义的情况），将let替代为var

console.log(sum(4,5))
var sum=function(x,y){
    return x+y
}

Uncaught TypeError TypeError: sum is not a function
类型错误：sum不是函数

用了var接收函数后，错误提示改变了，说明机制有变化，原因在于：
因为let不存在变量提升，而var关键字定义的变量存在变量提升，以类似这种情况出现：

var sum
console.log(sum(4,5))//此时程序不知道sum是一个函数，因为对sum的赋值在之后，因此报错：类型错误：sum不是函数
sum=function(x,y){
    return x+y
}

Uncaught TypeError TypeError: sum is not a function
未捕获的 TypeError TypeError：sum 不是函数

原来是变量提升在搞鬼

关注