前端学习之javascript（一）变量

我会带着你远行 2023-05-21 11:55 36阅读 0赞

JavaScript是一种脚本语言，是一种基于客户端浏览器的，基于对象、事件驱动式的脚本语言。具有跨平台的特点。 是动态解释执行的。  
JavaScript的主要功能为:动态修改HTML页面内容，包括创建、删除HTML页面元素，修改HTML页面元素的内容、外观、位置、大小等。  
JavaScript没有块范围，只认方法的大括号，其他诸如if for switch等等不受限制  
运行JavaScript：使用<script . . . />元素来包含JavaScript代码  
导入JavaScript文件：将JavaScript脚本单独保存在一个js文件里，HTML导入这个文件，格式如下`<script src="test.js" type="text/javascript"></script>`  
使用async异步执行脚本：async属性只作用于外部脚本，对内嵌的脚本不起作用  
**2.数据类型和变量**  
两种方式引入变量：

> 隐式定义：直接给变量赋值  
> 显式定义：使用var关键字定义变量（变量区分大小写）  
> JavaScript中的变量是区分大小写

**3.数据类型转换：**

> ➢toString(); 将布尔值、数值等转换成字符串。结果全部是object  
> ➢parselnt(): 将字符串、布尔值等转换成整数。  
> ➢parseFloat(): 将字符串、布尔值等转换成浮点数。  
> 当使用parselnt()或parseFloat()将各种类型的变量转换成数值类型时，结果如下。  
> ➢字符串值:如果字符串是一个数值字符串，则可以转换成二个数值.否则将转换成NaN.  
> ➢undefined.、null、布尔值及其他对象:一律转换成NaN。  
> 当使用toString()函数将各种类型的值向字符串转换时，结果全部是object当使用parselnt()或parseFloat)将各种类型的变量转换成数值类型时，结果如下。  
> ➢字符串值:如果字符串是一个数值字符串，则可以转换成二个数值.否则将转换成NaN.  
> ➢undefined. null、 布尔值及其他对象:一律转换成NaN。  
> 当使用toString(函数将各种类型的值向字符串转换时，结果全部是objectv/Walke7143

**4.变量作用域：**  
如果全局变量和局部变量使用相同的变量名，**局部变量将覆盖全局变量**，离开函数后，局部变量失效，程序访问全局变量

**5.变量提升**  
javascript的变量提升机制：指的是变量声明总是会被解释器“提升”到函数体的顶部  
例子如下：

![在这里插入图片描述][2020042021225886.png]  
**6.let定义变量**  
新建let变量的原因：var定义变量可能存在如下问题

> ➢var定义的变量没有块作用域。  
> ➢var定义的全局变量会自动添加全局window对象的属性。  
> ➢var定义的变量会提前装载。

使用var定义的变量会提前装载，使用let定义的变量要等到程序流执行到定义变量的代码行时才会转载。因为let有块作用域，而且也不会提前装载，也不会变成window对象的属性

**7.const定义常量**  
const是一个新增的关键字，用来定义常量，只能在定义时必须指定初始值，以后不许改变常量值

const MAX_AGE = 120;

[2020042021225886.png]: /images/20230521/55dc23cbed314a6192e5fd2d45475431.png