js var let const详解

比眉伴天荒 2022-12-03 05:26 73阅读 0赞

![format_png][]

var 是定义一个变量让它能够存储数据,例如 var str = “hello world”;那么str就是我们通过var定义的变量,str里面所存储的也就是后面的这段字符 hello world

let本质上也是定义一个变量用来存储,let st = “hello procedure”,功能同上,但是区别在哪里呢?

let 是ES6 提供的一个方法,不同之处在于通过var定义的变量会发生变量提升例如:

<script>

console.log(str); //打印输出 undefined

var str = "hello world";

</script>

变量提升分析:

<script>

var str;

console.log(str); //打印输出 undefined

str = "hello world";

</script>

虽然是在下面定义的,但是因为var有变量提升的特性所以不会报错,而是输出undefined,

但是let就不一样,let没有变量提升,所以必须先定义后使用,例:

<script>

console.log(st); //打印输出 Uncaught ReferenceError

let st = "hello world";

console.log(st); // 报错 因为上面报错下面是不能执行的

</script>

![format_png 1][]

var是可以定义已经定义过的变量,不会报错只是会覆盖之前的而已,但是let不行,已经被定义过的变量如果再次通过let定义会报错,例:

<script>

var st =  "hello world";

console.log(st);// 打印输出 hello world

var st = "hello procedure"

console.log(st); // 打印输出 hello procedure

</script>

第二次定义赋值覆盖了第一次定义赋值

<script>

var st;

let st = "hello procedure"//报错Uncaught SyntaxError

</script>

let 定义的变量如果是已经被定义过的就会报错 无论是 var 还是 let

<script>

const NAME = "procedure"

console.log(NAME);// 输出procedure

</script>

注意: 在定义的时候就要赋值

定义常量一般是使用大写,便于区分,也是保障我们在公司的人生安全

![format_png 2][]

[format_png]: /images/20221123/058d9abed1664b1bb98a54de2f470730.png
[format_png 1]: /images/20221123/36a954153ba14a7daaf179dafe7e82b8.png
[format_png 2]: /images/20221123/d6a8a4cc00c34a68aaf7f1f1f12b3ec2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，73人围观）

还没有评论，来说两句吧...

相关阅读

相关 let var const详解

> 1.首先什么是变量提升 1. 函数及变量的声明都将被提升到函数的最顶部。 `注释：仅仅是被声明，而不是被赋值，函数的优先级会高于变量`

矫情吗；*/ 2022年12月28日 11:29/ 0 赞/ 90 阅读

相关 js var let const详解

转自：[http://www.pinlue.com/article/2020/09/0708/2711201494734.html][http_www.pinlue.com_a

àì夳堔傛蜴生んèń/ 2022年12月08日 05:14/ 0 赞/ 103 阅读

相关 js var let const详解

![format_png][] var 是定义一个变量让它能够存储数据,例如 var str = “hello world”;那么str就是我们通过var定义的变量

比眉伴天荒/ 2022年12月03日 05:26/ 0 赞/ 74 阅读

相关 js中const,var,let区别

初学js，对变量的定义感到很困惑，百度学习下，看到这篇文章，发现解释的挺详细的，特转载记录下。原文链接：http://www.cnblogs.com/ksl666/p/59

ゝ一世哀愁。/ 2022年07月11日 12:07/ 0 赞/ 165 阅读

相关 js中const,var,let区别

今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。 1.const定义的变量不可以修

清疚/ 2022年05月15日 03:48/ 0 赞/ 197 阅读

相关 js中的let var const

1. const定义的变量不可以修改，而且必须初始化。 2. var定义的变量可以修改，如果不初始化会输出undefined，不会报错。 3. let是块级作用域，函数内

柔光的暖阳◎/ 2022年03月16日 08:46/ 0 赞/ 148 阅读

相关 var let const区别

var let const区别 [https://baijiahao.baidu.com/s?id=1621787284851612777&wfr=spider&for=pc

Love The Way You Lie/ 2022年02月21日 16:28/ 0 赞/ 205 阅读

相关 js中const,var,let区别

今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。 1.const定义的变量不可以修

柔情只为你懂/ 2021年11月17日 14:56/ 0 赞/ 270 阅读

相关 js中const,var,let区别

今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。 1.const定义的变量不可以修

喜欢ヅ旅行/ 2021年09月14日 15:06/ 0 赞/ 326 阅读

相关 JS中var、let、const区别

javascript中有三种声明变量的方式：var、let、const。 var 声明全局变量。 let：声明块级变量，即局部变量。 const：用于声明常量，也具...

朱雀/ 2020年10月17日 15:39/ 0 赞/ 767 阅读