JavaScript 数据类型

开发工具与关键技术：数据类型的理解与运用

作者：Justin ieber

撰写时间：2022年3月8日

今天来讲一下我们JavaScript的数据类型。

数据类型大体我们这分为两类：一个是基本数据类型、一个是引用数据类型；

下面就听我细细道来。

一、基本数据类型：

 基本数据类型我们有六种：String（字符串） Number（数值） boolean（布尔） Null（空值） Undifined（未定义） Symbol

1.String(字符串)

* 在JS中字符串需要使用引号引起来

* 使用单引号或双引号都可以，但是最好不要混用

* 注意引号的嵌套问题

案例：

var Lys = "love you";

    var Lys = 'love you';

    var els = "<div class=\"box\"></div>"; 注：这里的斜杠是反斜杠“\”；

    var els = '<div class="box"></div>';

    console.log(els);

    控制台打印返还：<div class="box"><div>

2.Number(数值类型)

* 在JS中所有的数值都是Number类型，包括了整数、浮点数(小数)

* 拓展部分：如果使用Number表示的数字超过了最大值，则会返回一个Infinity

Infinity    表示正无穷大

- Infinity    表示负无穷大

案例：

var a = 123.34;

var b = "132.45";

console.log(a); //这里浏览器返还的是数值类型的123（数值类型浏览器显示的是蓝色的字体）

console.log(b); //这里浏览器返还的是字符串类型的123（字符串类型浏览器显示的是黑色的字体）

注：如果我们不清楚我们打印出来的是什么类型的数据，我们可以使用运算符typeof来检查一个变量类型  语法：typeof 变量（）；

console.log(typeof a); //这里浏览器返还的是Number（数值）

console.log(typeof b); //这里浏览器返还的是String（字符串）

使用typeof检查Infinity也会返回Number

语法：（typeof Infinity）；

3.Boolean(布尔类型)

* 布尔值只有2个，主要用来做逻辑判断

 true  表示真

 false 表示假

案例：

var bl = false;

var bt = true;

4.Null(空值)

* Null这个值只有一个，就是null

* Null这个值专门用来表示一个空对象

注：使用typeof检查一个null值时，会返还一个object（对象）；

案例：

var big = document.getgetElementById("big");

console.log(btn); //浏览器返还null，因为上面没有变量名称，所以var获取不到，于是返还一个null(空值)；

console.log(typeof btn); //浏览器返还'object'

5.Undefined(未定义)

* Undefined这个值也是只有一个，'undefined'

* 声明一个变量但是未给变量赋值时，它的值就是undefined；

var c;

console.log(c); //浏览器返还'undefined'

6.Symbol

* Symbol数据类型的作用：一个symbol值能作为对象属性的标识符

案例：

var sym1 = Symbol("123"); //值是唯一、不可变 Symbol表示值为符号

var sym2 = Symbol("123"); //值是唯一、不可变 Symbol表示值为符号

console.log(typeof sym1); //symbol

console.log(sym1); //Symbol(123) 这里的123不是值，只是一个描述

console.log(sym2); //Symbol(123) 这里的123不是值，只是一个描述

console.log(sym1 === sym2); //false

二、引用数据类型：

介绍完了基本数据类型，接下来我们来看看引用数据类型。

引用数据类型只有一种：object（对象）。

以上的数据类型为基本数据类型，以后我们看得到值只要不是以上的6中，都为对象，或者可以用typeof 来检查是否为对象。

接下来我们就来讲讲。

7.object(对象)

* Object对象，我们也称为一个对象。是JavaScript中的引用数据类型。

* 它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值

* 对象也可以看做是属性的无序集合，每个属性都是一个键/值对。

* 对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里 继承属性。

案例：

var name="张三";

var age=19;

var tel="13894558732";

见上面的3个变量，如果我们使用基本数据类型，可以将一个人的信息保存下来，但是他们是独立的没有联系的数据。我们要怎么才能让一个人的信息完成的保存起来呢？这个时候我们就可以考虑使用对象。对象属于一种复合的数据类型，在对象中可以存储多个不同数据类型的属性。

对象的分类：内建对象、宿主对象、自定义对象。

1.内建对象

由ES标准中定义的对象，在任何ES的实现中都可以使用

例如：Math String Number Boolean Function Object...

2. 宿主对象

 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象

 比如：BOM(浏览器对象模型) DOM(文档对象模型)

例如 我们常用的console.log() 就是DOM 中的对象

3.自定义对象

由咱们自己定义的对象。

以上就是我所了解到的数据类型的知识点，希望对你们有所了解以及帮助。