JavaScript基础语法（数据类型）

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->
事件绑定(onmouseout,onmouseover)
->事件绑定(onsubmit)表单提交
->提交表单与验证表单案例

数据类型

简介：
JavaScript 中提供了两类数据类型：原始类型和引用类型。

使用 typeof 运算符可以获取数据类型

alert(typeof age); 以弹框的形式将 age 变量的数据类型输出

原始数据类型

number：数字（整数、小数、NaN(Not a Number)）

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
<script>
// 不论是整数还是小数，最后的类型都是number
  var a = 1
  var b = 1.1
  console.log(typeof a)
  console.log(typeof b)
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

运行结果
在这里插入图片描述

注意： NaN是一个特殊的number类型的值。

string：字符、字符串，单双引皆可

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
<script>
  var ch = 'a';
  var name = '张三'; 
  var addr = "北京";

  document.write(typeof ch); //结果是  string
  document.write(typeof name); //结果是  string
  document.write(typeof addr); //结果是  string
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

在这里插入图片描述

注意：在 js 中双引号和单引号都表示字符串类型的数据

boolean：布尔。true，false

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
<script>
  var flag = true;
  var flag2 = false;

  document.write(typeof flag); //结果是 boolean
  document.write(typeof flag2); //结果是 boolean
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

运行结果
在这里插入图片描述

null：对象为空

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
<script>
  var obj = null;  
  document.write(typeof obj);//结果是 object
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

运行结果
在这里插入图片描述

为什么打印上面的 obj变量的数据类型，结果是object；这个官方给出了解释，下面是从官方文档截的图

在这里插入图片描述

undefined：当声明的变量未初始化时，该变量的默认值是 undefined

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
<script>
  var a ;
  document.write(typeof a); //结果是 undefined
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

运行结果
在这里插入图片描述

相关阅读:
spring security教程（一）--认证
采煤vr事故灾害应急模拟救援训练降低生命财产损失
STM32F1网络编程-TCP客户端（基于W5500网卡）
表达式语言的新趋势！了解SPEL如何改变开发方式
剑指Offer || ：栈与队列（简单）
计算机实战项目之含文档+PPT+源码等]精品基于Uniapp+SSM实现的新闻APP演示实现的App
[附源码]计算机毕业设计校园服装租赁系统Springboot程序
只看优点，这2款可视化产品你更心水谁？
C++ 内存模型 Memory Model
Python编程笔记

原文地址：https://blog.csdn.net/qq_51447496/article/details/128086148