JavaScript数据类型和变量-蒲公英云

JavaScript数据类型和变量

1. 定义变量的方式

JavaScript是弱类型脚本语言，使用变量前，可以无需定义。

隐式定义：直接给变量赋值

显式定义：使用var关键字定义变量

隐式定义的方式很简单、快捷，需要使用变量时，直接给变量赋值即可。看下面代码

<script type="text/javascript">     a = "Hello JavaScript";     alert(a); </script>

JavaScript是弱类型脚本语言，变量没有固定的数据类型，因此可以对同一个变量在不同时间赋不同的值。

注意：JavaScript中的变量是区分大小写的。JavaScript也允许一次定义多个变量。

2. 变量转换

JavaScript支持自动类型转换，这种类型转换的功能非常强大，看如下代码

<script type="text/javascript">     var a = "3.145";     var b = a - 2;     var c = a + 2;     alert(b + "\n" + c) </script>

JavaScript提供了如下几个函数来执行强制类型的转换。

（1）toString() :将布尔值、数值等转换成字符串

（2）parseInt() :将字符串、布尔值等转换成整数

（3）parseFloat() :将字符串、布尔值等转换成浮点数。

<script type="text/javascript"> // 定义值为3.145的字符串变量 var a = "3.145"; // 直接相加，使用自动类型转换。 var b = a + 2; // 使用强制类型转换 var c = parseFloat(a) + 2; alert (b + "\n" + c); </script>

70 1

注意：当时同toString() 函数将各种类型的值想字符串转换时，结果全是Object。

3. 变量作用域

变量还有个重要的概念：作用域。根据变量定义的范围不同，变量有全局变量和局部变量之分；在函数里定义的变量称为局部变量，局部变量只在函数内有效。

与Java、C等语言不同的是，JavaScript的变量没有块范围，看如下代码：

<script type="text/javascript"> // 定义全局变量test var test = "全局变量"; // 定义函数myFun function myFun() { // 函数内不使用var定义的age也是全局变量 age = 20; // 函数内使用var定义的age是局部变量 var isMale = true; } myFun(); alert(test + "\n" + age); alert(isMale); </script>

70 2

在很多JavaScript编程人员的印象中，定义变量用var和不用var没有区别。但实际上是存在差异的。

（1）如果使用var定义变量，那么程序会强制定义一个新变量

（2）如果没有使用var定义变量，系统总是把该变量当成全局变量。

4. 变量提升

当局部变量和全局变量同名时，局部变量会覆盖全局变量

<script type="text/javascript"> // 定义全局变量 var scope = "全局变量"; function test() { // 因此全局变量被局部变量覆盖 // 而此时scope局部变量尚未赋值，故此处输出undefined document.writeln(scope + "<br />"); // 定义scope的局部变量，其作用范围为整个函数内 var scope = "局部变量"; // 再次输出scope的值。 document.writeln(scope + "<br />"); } test(); </script>

70 3

注意：变量提升只是提升变量声明部分，并不会提升变量赋值部分。

5. 新增的let变量

JavaScript设计者意识到使用Var定义变量可能存在如下问题：

（1）var定义的变量没有块的作用域

（2）Var定义的的全局变量会自动添加全局Window对象的属性

（3）Var定义的变量会提前装载

<script type="text/javascript"> for (let i = 0; i < 10 ; i++) { console.log(i); } // 报错：Uncaught ReferenceError: i is not defined console.log("循环之外：" + i); </script>