JavaScript中的数据类型

基本数据类型

Number 数值类型

在 JavaScript 中无论是整数还是小数都是属于数值类型的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        let res = typeof 123;
        console.log(res);
    </script>
</head>
<body>
</body>
</html>

String 字符串类型

在 JavaScript 中无论是通过 单引号 还是通过 双引号 括起来的内容都是属于字符串类型的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        let res = typeof 'BNTang';
        console.log(res);
    </script>
</head>
<body>
</body>
</html>

Boolean 布尔类型

在 JavaScript 中布尔类型比较特殊, 只有两个取值 true / false。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        let res = typeof true;
        console.log(res);
    </script>
</head>
<body>
</body>
</html>

Undefined 未定义类型

在 JavaScript 中未定义类型比较特殊, 只有一个取值 undefined。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        let res;
        console.log(res);
    </script>
</head>
<body>
</body>
</html>

Null 空类型

关于这个类型我后面到了面向对象原型链再说。

引用数据类型

Object 对象类型

在 JavaScript 中为了方便我们检测某一种数据是属于哪一种数据类型的, JavaScript 提供了一个名称叫做 typeof 的操作符, 使用方式如下：

格式: typeof 需要检测的数据;

数据类型和前面的常量之间的关系, 猫科动物和狮子老虎豹子的关系, 数据类型就是猫科动物, 常量就是狮子老虎豹子。

利用 typeof 检测 123 这个常量是属于哪一种数据类型的, 并且将检测的结果保存到 res 这个变量中，如下所示。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        let res = typeof 123;
        console.log(res);
    </script>
</head>
<body>
</body>
</html>

以下代码的含义是输出 num 变量中保存的数据，由于没有给 num 这个变量进行初始化, 所以这个变量中保存的数据默认是 undefined。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        let num;
        console.log(num);
    </script>
</head>
<body>
</body>
</html>

利用 typeof 检查 num 中保存的数据是什么类型的，也就是说利用 typeof 检查 undefined 是属于什么类型的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        let num;
        let res = typeof num;
        console.log(res);
    </script>
</head>
<body>
</body>
</html>