js（var let const ）声明变量要点总结

矫情吗；* 2021-09-29 20:50 540阅读 0赞

## 一：先说下js的概念： ##

**什么是js：**  
js和HTML和css有相似之处，都是可以在浏览器中解析的.我们通常JavaScript叫做JS。JavaScript是一门运行在浏览器端的脚本语言。  
**js一般运行在那些环境中：**

> 浏览器  
> node  
> 手机  
> 嵌入式  
> ai  
> 区块链

**Java和JavaScript：**  
没有关系 如果非要从商业角度来说，JavaScript是借住Java火起来。  
**javascript的组成部分：**  
ECMAScript 欧洲计算机制造联合会 标准 规定常用的语法  
BOM Brower Object Model  
DOM Document Object Model  
先学习ES  
**JS 的作用：**  
只要我们打开网站，就肯定有js的身影。

*  更好的组织我们页面的内容，让内容更加的有条理。
 *  提供用户体验（表单验证\[js的初衷\]，ajax交互数据）
 *  游戏编程
 *  实现页面的动态化，增加页面可观赏性

## 二：重点总结js变量 ##

## 变量： ##

**什么是变量：**  
程序运行中，可以改变的数据。（变量 = 变量名 +变量值）  
**什么是常量：**  
程序运行中，不可能改变的数据。  
**变量存储在什么中：**  
数据存在内存中，就像内存中有很多小格子（内存空间），这些小格子存储数据，如果需要使用数据，每个小格子（空间）有一个空间地址，根据这个地址，找到小格子，这时候把每一个小格子起一个别名 ，这个别名就是变量名。（就像每个人有身份证号，但是名字是最好记住的吧）

**声明变量和定义变量的区别：**

*  声明变量就是：var a;
 *  定义变量：就是给变量名负值。 var a=10;

**全局变量 和 局部变量（普通话和方言）：**

*  分界点：函数，全局变量在函数体外，局部变量定义在函数体内部。
 *  在ES6之前，js中声明变量使用var ，声明函数用function
 *  全局变量在函数内外都可以访问
 *  局部变量只能在函数内可以访问，函数外不能访问

**js常用数据类型:**  
针对不同的数据，分配不同的内存空间----是为了合理使用内存空间，节约内存资源。  
其中分为两类：  
![在这里插入图片描述][20190718175925612.png]  
基本数据类型：存储在栈区  
nubmer,string,boolean,undefiend,null  
引用数据类型：存储在堆区  
object(array,function)

**JS代码的解析与执行：**  
**名词解析：**  
解析：就是预编译  
提升变量声明 提升函数声明  
执行： 按行执行代码，就是js是单线程，从上到下挨个执行任务  
详情：[https://blog.csdn.net/weixin\_44667072/article/details/90516018][https_blog.csdn.net_weixin_44667072_article_details_90516018]

1，代码块可以有多个，上面的代码块不能使用下面的代码块中的数据，下面代码块可以使用上面代码块中的数据。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY2NzA3Mg_size_16_color_FFFFFF_t_70]  
**2，预编译**  
编译过程：如果代码要执行，先把它转成一个机器能够直接运行的程序（qq.exe，以exe.dll后缀名）。c,C\#,Java,.net这些语言需要先编译，再执行。  
js不需要这个编译过程。真正的执行过程，分成两步：

*  1.预编译阶段（预处理）  
    做两件事
    
     *  扫描整个代码段，如果有语法错误，则不会进入运行阶段，而是直接报错。
     *  没有语法错误，接着做一件事：提升------又分为变量提升（var声明的变量）和函数提升。  
        提升：把这个变量或者是函数提到代码块的第一句。
        
         *  变量提升  
            提升变量: 1.将var声明的变量，提升代码块的最前面，没有用var声明的不用提升。  
            2.循环变量也可以提升。（for var i=1;i<5;i++）,i会提升  
            3.函数内部加var的变量也会提升，提升到了函数内部的最前面
         *  函数提升：  
            function f()\{\} //函数声明式 【提升】  
            var f = function()\{\}//函数表达式 方式 【不提升】，原因函数表达式本质是一个 变量
 *  2.执行：按代码顺序去执行。

## **三：var let const的解析：** ##

**var：**  
重复声明：  
![在这里插入图片描述][20190718184947383.png]  
遗漏声明：没有加var关键字  
![在这里插入图片描述][2019071818522912.png]

没有块级作用域，提升。  
块级作用域就是\{ \}。  
![在这里插入图片描述][20190718185817441.png]  
在新版ES6中，使用 let const 定义变量  
**let:**  
与var类似，用来定义变量，**避免了var的以上缺陷，** 所以现在尽量用let 声明变量。  
特点：

*  块级作用域(第三种作用域)。let所声明的变量，只在let命令所在的代码块内有效。

{
        // let就会把这个a的作用域限定到{} ---->块级作用域
        // 块级作用域  表示出来这个块，就不能访问
        let a = 110;
        console.log(a)
    }
    // console.log(a)   //a is not defined

*  在使用var的时代，只有全局作用域和局部作用域，在es6中提出let关键，可以声明一个块级作用域。
 *  let没有“变量提升”现象。

console.log(a)
    let a=1;  //此时会报错，说明没有变量提升

*  不会成为window对象的属性

// 全局变量都会挂到window上面
    var a = 110;
    console.log(a)
    console.log(window.a)
    // 全局变量都会挂到window上面
    let a = 110;
    console.log(a)
    console.log(window.a)

*  暂时性死区（TDZ）
 *  不能重复定义

let a =2;
    let a=3;
    console.log(a);   //会报错

**const:**  
const：声明常量。数值不能改变。  
特点：

*  1，定义完后，不能修改值(基本数据类型，也可能是地址)
 *  2，不能重复声明
 *  3，没有提升
 *  4，声明时必须赋值

[20190718175925612.png]: /images/20210812/aa9a88af753546a3874076783b426e94.png
[https_blog.csdn.net_weixin_44667072_article_details_90516018]: https://blog.csdn.net/weixin_44667072/article/details/90516018
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY2NzA3Mg_size_16_color_FFFFFF_t_70]: /images/20210812/92333f0572d3411eaf4a098133c424bf.png
[20190718184947383.png]: /images/20210812/75300a3dcf6b4f06b63ffc3992720abe.png
[2019071818522912.png]: /images/20210812/b9d7d43b94ca498a814753b9906b83bd.png
[20190718185817441.png]: /images/20210812/5eed0cb220d44d5597cfae503fc30dd4.png