变量重复声明_前端随笔16 变量的这些事

Bertha 。 2023-01-06 14:56 15阅读 0赞

![b17f5373b06eae681dcdceccc85bef7c.png][]

*前沿：此次内容主要是关于变量的一些知识，参考的文章及网站：《ECMAScript 6入门》、MDN、W3School*

# **一 基础知识点** #

**1. 变量**

首先我们要明确变量只是一个容器，用于存储任何数据，其本身没有任何特值。

es6以前声明变量使用var关键字，es6新增let和const关键字。后期编程建议使用let(const)声明变量。

const表示声明的变量是一个常量，第一次赋值之后再次给该变量赋值会报错，其他特性与let相同。

下面主要讲讲var和let的区别。

**区别1 作用域不同**

let作用域是块级作用域，而var作用域是函数作用域。块级作用域范围小于函数作用域范围。(块级作用域和函数作用域的区别后面说)

{ var a = 1; let b = 2;}a; //1b; //ReferenceError: a is not defined.

因此let特别适合即用即销的场景，例如循环计数器。下面的代码中如果使用var声明计数器i，i的值会保存到当前作用域内，可能会对后面产生影响。

for (var i =1;i<10;i++){}i; //10for (let i =1;i<10;i++){}i; //ReferenceError: a is not defined.

**区别2 变量提升**

var声明的变量可以先使用再声明，而let声明的变量不行。强行先使用变量再用let声明会报错。

**区别3 重复声明**

let声明的变量不允许重复声明，而acr声明的变量可以。

//报错let m =1;let m =2;//报错let m =1;var m =2;//不报错var m =1;let m =2;

**区别4 暂时性死区**

其意思是只要块级作用域内有let声明的变量，那么该变量就遵循let声明的变量的所有规则。

**2. 变量类型**

**变量类型特性**Number整数和浮点数，使用parseInt()函数/parseFloat()函数可以将数值转化为整数和浮点数String字符串，使用toString()函数转化成字符串Booleantrue或者falseArray数组Object对象，数据以键值对的形式存在

**注意：js中变量类型是动态变化的，因为在声明的时候不会设定数据类型，给变量赋什么类型的值，该变量就是什么类型**

**3. 块级作用域**

es5中只有全局作用域和函数作用域，这样会出现一些问题，例如上面例子中循环计数器i泄露，内层变量覆盖外层变量。es6新增块级作用域\{\}。给我的最直观的感受就是以前用于立即执行的匿名函数不再需要，我们可以用更简单的代码实现了，如下述代码

(function(){ ...}())// 可以使用下面的代码替代{...}

# **二 学习体会** #

通过本次学习，对变量的认识又加深了一步，我们声明变量的方式更加多样化，针对不同的需求使用不同的声明方式会是我们的代码更加简洁易懂。

[b17f5373b06eae681dcdceccc85bef7c.png]: /images/20221119/7d8f61bbddb84765b9d7041ce7e092ff.png

发表评论取消回复

表情：

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

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

相关阅读

相关变量重复声明_前端随笔16 变量的这些事

![b17f5373b06eae681dcdceccc85bef7c.png][] 前沿：此次内容主要是关于变量的一些知识，参考的文章及网站：《ECMAScript 6入门》

Bertha 。/ 2023年01月06日 14:56/ 0 赞/ 16 阅读

相关 java中变量名声明变量_在Java中声明变量

java中变量名声明变量 A variable is a container that holds values that are used in a [Java progr

傷城~/ 2022年12月06日 15:39/ 0 赞/ 322 阅读

相关 PHP变量声明

声明变量的类型以及方法，都在代码中有解释和说明。 <?php //编码格式，以及文本类型 header("Content-type:text/html

逃离我推掉我的手/ 2022年09月24日 13:23/ 0 赞/ 259 阅读

相关 golang：变量的声明

> 所谓声明变量就是创建一个变量，并且指定该变量存储什么类型的数据。 var golang是静态类型语言，因此变量是有明确类型的，编译器也会检测变量类型的正确性。

约定不等于承诺〃/ 2022年09月07日 05:56/ 0 赞/ 243 阅读

相关 javascript变量声明

JavaScript的变量声明分为显式声明跟隐式声明显式声明即带var关键字声明，例如 \[javascript\] [view plain][] [copy

た入场券/ 2022年08月20日 04:25/ 0 赞/ 263 阅读

相关 JavaScript变量的声明

定义在函数体外的都属于全局变量，定义在函数体内的属于局部变量。这里的定义是指通过var声明的。 JavaScript有隐含的全局概念，意味着你不声明的任何变量都

水深无声/ 2022年08月07日 19:29/ 0 赞/ 228 阅读

相关 TypeScript 变量声明

一、变量声明 let和const是JavaScript里相对比较新的变量声明方式。推荐使用let 方式声明变量，来代替使用var。 TypeScript是JavaScri

布满荆棘的人生/ 2022年06月13日 00:13/ 0 赞/ 279 阅读

相关 Python（2）变量声明、变量类型

1、变量声明声明变量的时候，直接使用例如`a = 1`这样的方式即可。既不用像js语言那样使用一个通用的`var`或者`let`之类方式表示声明，也不需要像c++语

待我称王封你为后i/ 2022年06月07日 02:59/ 0 赞/ 282 阅读

相关变量声明

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

旧城等待，/ 2021年09月03日 10:36/ 0 赞/ 1386 阅读

相关 JavaScript 声明变量

JavaScript 声明变量通过变量可以存储一段数据，通俗的讲，就是将数据存储在变量中。大家知道，数据都是存储在计算机内存中，怎么可能存储在一个变量中。事实上，变...

红太狼/ 2020年05月27日 12:52/ 0 赞/ 899 阅读