浅谈js数据类型

最新推荐文章于 2025-06-01 20:10:31 发布

原创最新推荐文章于 2025-06-01 20:10:31 发布 · 265 阅读

0 ·

CC 4.0 BY-SA版权

js基础专栏收录该内容

6 篇文章

订阅专栏

本文深入解析JavaScript中的数据类型，涵盖基本类型与引用类型的区别，原始值与引用值的存储方式，以及基本包装类型的工作原理。了解如何区分并利用不同类型的特点进行高效编程。

参考文献
JavaScript中基本数据类型和包装类型
 JavaScript的基本包装类型示例
 ECMAScript 原始值和引用值
 关于js基本类型与引用类型（堆内存、栈内存的理解）
理解JavaScript中的堆和栈

数据类型

ECMAScript 中共有6种数据类型。5种简单的数据类型（也称基本数据类型）：Undefined、Null、Number、Boolean、String；1种复杂数据类型：Object

一、原始值和引用值

在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。

原始值

原始值指的是代表原始数据类型的值，也叫基本数据类型或简单类型，因为其占据空间固定，是简单的数据段，为了便于提升变量查询速度，将其存储在栈（stack）中的简单数据段，也就是说，他们的值是直接存储在变量访问的位置（按值访问）。包括：

Undefined
Null
Number
Boolean
String

引用值

引用类型通常叫做类（class），也就是说，遇到引用值，所处理的就是对象。存储在堆（heap）中的对象，存储在变量处的值是一个指针，指向存储对象的内存处。引用类型由于其值的大小会改变，所以不能将其存放在栈中，否则会降低变量查询速度，因此其存储在堆(heap)中，存储在变量处的值是一个指针，指向存储对象的内存处(按址访问)。包括：

Object
Array
Function
Date
RegExp

在这里插入图片描述

说来也是形象，栈，线性结构，后进先出，便于管理。堆，一个混沌，杂乱无章，方便存储和开辟内存空间

在这里插入图片描述

二、原始值和引用值区别

1、基本类型的值是不可变得；引用类型的值是可变的
2、基本类型的比较是值的比较；引用类型的比较是引用的比较
3、基本类型的变量是存放在栈区的（栈区指内存里的栈内存）；引用类型的值是同时保存在栈内存和堆内存中的对象

三、基本包装类型

为了便于操作基本类型值，javaScript 提供了 3 个特殊的引用类型：

Boolean
Number
String

这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而能够调用一些方法来操作这些数据。
例如：

var box = 'Mr. Lee';                 //定义一个字符串
var box2 = box.substring(2);         //截掉字符串前两位
alert(box2);                         //输出新字符串    结果box2=. Lee

alert('Mr. Lee'.substring(2));             //直接通过值来调用方法，结果是. Lee

变量 box 是一个字符串类型，而 box.substring(2)又说明它是一个对象(只有对象才会调用方法)，最后把处理结果赋值给 box2。'Mr. Lee’是一个字符串类型的值，按道理它不应该是对象，不应该会有自己的方法，所以问题就迎刃而解了。

字面量声明和 new 运算符声明对象的区别

不管字面量形式还是 new 运算符形式，都可以使用它的内置方法。
Boolean 和 Number 特性与 String 相同，三种类型可以成为基本包装类型（无法给自己创建属性和方法（但可以使用原型给对象扩展方法），只可以使用自己的内置方法）。

在使用 new 运算符创建以上三种类型的对象时，可以给自己添加属性和方法，但我们建议不要这样使用，因为这样会导致根本分不清到底是基本类型值还是引用类型值。

/*字面量写法：*/
var box = 'Mr. Lee';             //字面量
box.name = 'Lee';                 //无效属性
box.age = function () {         //无效方法
    return 100;
};
alert(box); //Mr. Lee
alert(box.substring(2)); //. Lee
alert(typeof box); //string
alert(box.name); //undefined
alert(box.age()); //错误

/*new 运算符写法：*/
var box = new String('Mr. Lee');             //new 运算符
box.name = 'Lee';                             //有效属性
box.age = function () {                     //有效方法
    return 100;
};
alert(box); //Mr. Lee
alert(box.substring(2)); //. Lee
alert(typeof box); //object
alert(box.name); //Lee
alert(box.age()); //100