js中6种变量声明的方式

冷不防 2024-03-26 14:30 78阅读 0赞

![8bd40e29d57fa09dbb59b165f9a0d72a.jpeg][]

目前共6种声明变量的方式，分别为var，let，const，function，class，import，下面分别阐述一下这六种方式。

**1 var**

在ES5阶段，用var定义变量，此阶段具有以下特点 :

1. 没有块的概念，可以跨块访问，不能跨函数访问；

2. 存在变量提升。

**2 let**

在[ES6][]阶段，出现了块大概念，新增了块级作用域，同时新增了let命令，let声明大变量具有以下特点：

1. let声明的变量只在它所在的代码块有效；

2. 不存在变量提升。let不会像var那样会发生 变量提升 现象，因此，变量需要先声明后再使用，否则会报错；

3. 暂时性死区。在代码块内，使用let命令声明变量之前，该变量都是不可用的；

4. 不允许重复声明。

**3 const**

在let命令出现的同时，出现了const命令，其用于声明一个只读的常量，具有以下的特点：

1. 一旦声明就必须立即初始化；

2. 一旦声明，常量值就不能改变了（指的是内存地址不能改变）；

3. 块[作用域][Link 1]内有效；

4. 不存在变量提升；

5. 存在暂时性死去。

**4 function**

function命令用于定义一个函数，具有以下特点：

1. 函数声明后不会立即执行，需要调用的时候才知晓；

2. 对支持ES5和ES6浏览器环境在作用域内有一定区别，所以应避免在块作用域内声明函数。

**5 class**

ES6语法引入了class关键字，用来定义类，该写法相比于对象原型的方式具有以下特点：

1. 相比于对象原型的方式写法更清晰；

2. 更像面向对象编程的语法；

**6 import**

ES6在语言标准的层面上实现了模块功能，其中import命令就是用于加载模块，然后输出变量，其具有以下特点：

1. import命令接受一对大括号，其里面的变量名必须与被导入的模块对外的名称相同；

2. 用as关键字可将输入的变量名重名；

3. import命令输入的变量都是只读的；

4. import命令具有提升效果，会提升到整个模块的头部，首先执行（因为import命令是在编辑阶段执行的，在代码运行之前）；

5. import是静态执行，不能使用表达式和变量；

6. import会执行所加载的模块

转载自：[https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[8bd40e29d57fa09dbb59b165f9a0d72a.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a05d6ce79e2c4e7faaa1027e0c4a6dad.png
[ES6]: https://so.csdn.net/so/search?q=ES6&spm=1001.2101.3001.7020
[Link 1]: https://so.csdn.net/so/search?q=%E4%BD%9C%E7%94%A8%E5%9F%9F&spm=1001.2101.3001.7020
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

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

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

相关阅读

相关盘点js中6种变量声明的方式

![897dacb4d1a699b4a7c7c5960c198af1.jpeg][] 目前共6种声明变量的方式，分别为var，let，const，function，class

た入场券/ 2024年03月27日 12:31/ 0 赞/ 64 阅读

相关 js中6种变量声明的方式解析

![595324ae2f72a3de6af4ee86535a2118.jpeg][] 目前共6种声明变量的方式，分别为var，let，const，function，class

一时失言乱红尘/ 2024年03月26日 15:57/ 0 赞/ 73 阅读

相关 js中6种变量声明的方式

![8bd40e29d57fa09dbb59b165f9a0d72a.jpeg][] 目前共6种声明变量的方式，分别为var，let，const，function，class

冷不防/ 2024年03月26日 14:30/ 0 赞/ 79 阅读

相关 JS对象的几种声明方式

1 .字面量式生命对象 var obj = { name:"zhangsan", age:"23", active:functio

港控/mmm°/ 2023年05月30日 08:53/ 0 赞/ 19 阅读

相关 js继承的6种方式

想要继承，就必须要提供个父类（继承谁，提供继承的属性）　　![format_png][]　　　　一、原型链继承　　　　 ![format_png 1][]

喜欢ヅ旅行/ 2023年02月10日 05:23/ 0 赞/ 17 阅读

相关 js 三种声明变量的区别

三种声明变量的方式：var、let、const。 var：声明全局变量，换句话理解就是，声明在for循环中的变量，跳出for循环同样可以使用。 for(var

你的名字/ 2022年05月15日 05:29/ 0 赞/ 266 阅读

相关 JS的书写方式及变量的声明

一、js书写方式 1、在<body></body>内的最末尾的位置中添加<script></script> 2、一般句尾加；（分号），（逗号）便于之后代码压

墨蓝/ 2022年04月23日 00:12/ 0 赞/ 505 阅读

相关 JS中声明全局变量

[https://www.cnblogs.com/signheart/p/3ca2afaca43d2dc69ce72c862a3ae81c.html][https_www.cn

落日映苍穹つ/ 2022年04月12日 05:56/ 0 赞/ 363 阅读

相关 ECMAScript 6 入门——ES6 声明变量的六种方法

ES6 声明变量的六种方法 ES5 只有两种声明变量的方法：`var`命令和`function`命令。ES6 除了添加`let`和`const`命令，后面章节还会提到，另

偏执的太偏执、/ 2021年11月04日 11:48/ 0 赞/ 409 阅读

相关 ES6的变量声明

在ES5中，变量声明只有var和function以及隐式声明三种，在ES6中则增加了let，const,import和class四种，以下来介绍着七种变量的声明。 var

本是古典何须时尚/ 2021年09月16日 01:22/ 0 赞/ 454 阅读