首页教程软件教程正文

JavaScript 中的数据类型、对象、构造函数和包装类详解

uncle 软件教程 2025年08月6日

0 收藏 0 点赞 459 浏览 2120 个字

摘要 :

文章目录 JavaScript 中的数据类型原始类型：引用类型：包装艺术：包装结论本文主要讲解关于JavaScript 中的数据类型、对象、构造函数和包装类相关内容，让我们……

文
章
目
录

JavaScript 中的数据类型

原始类型：
引用类型：

包装艺术：包装
结论

本文主要讲解关于JavaScript 中的数据类型、对象、构造函数和包装类相关内容，让我们来一起学习下吧！

在 JavaScript 这种以其多功能性和动态特性而闻名的语言领域，对数据类型、对象、构造函数和包装类的基本理解至关重要。本文将深入探讨这些概念的复杂性，阐明它们在 JavaScript 生态系统中的角色和功能。

JavaScript 中的数据类型

JavaScript 拥有两大类数据类型：原始类型和引用类型。前者称为原始类型，直接将值存储在调用栈中。相比之下，引用类型将值存储在堆中，而调用栈仅包含引用地址。

原始类型：

数字：代表数值。
字符串：存储文本数据。
布尔值：保存 true 或 false 值。
未定义：表示不存在值。
Null：表示故意不存在任何对象值。
符号： ECMAScript 6 中引入，代表唯一标识符。

引用类型：

对象：具有属性和方法的复杂实体。
数组：一种特殊形式的对象，适合索引数据存储。
函数：对象的子类型，能够被调用。

对象是JavaScript中非常重要的概念之一。在JavaScript中，我们可以使用多种方式来创建对象。首先，我们可以使用对象字面量来创建一个简单的对象，例如：

let obj = {
  name: \"John\",
  age: 30
};

除了对象字面量，我们还可以使用new Object()语法来创建一个空对象，然后可以通过赋值来添加属性和方法：

let obj = new Object();
obj.name = \"John\";
obj.age = 30;

此外，我们还可以通过自定义函数来创建对象。这种方式被称为构造函数。构造函数是一个工厂，可以批量化生产对象。创建对象时，我们可以使用new关键字调用构造函数，并返回一个新的对象实例。下面是一个简单的例子：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

let john = new Person(\"John\", 30);

代码解释this的原因，返回this对象

function Person(name, age) {
    
  this.name = name;
  this.age = age;
  return this
}

let john = new Person(\"John\", 30);//实例对象==this

在上述代码中，我们定义了一个Person构造函数，它有两个参数name和age。当我们使用new关键字调用Person构造函数时，JavaScript会执行以下步骤：

创建一个空对象this。
执行构造函数中的逻辑，将属性和方法添加到this对象上。
返回this对象作为新的对象实例。

这样，我们就可以通过构造函数批量创建具有相同属性和方法的对象。

包装艺术：包装

当我们使用包装类时，JavaScript会自动将原始类型转换为对应的对象，以便调用对象的方法和属性。让我们通过一些代码来演示这一过程。


let str = \"Hello, World\"; // 定义一个字符串原始值
let strObj = new String(str); // 使用String构造函数创建一个String对象

console.log(typeof str); // 输出 \"string\"
console.log(typeof strObj); // 输出 \"object\"

// 调用字符串原始值的方法
console.log(str.length); // 输出 12，字符串原始值拥有length属性

// 调用String对象的方法
console.log(strObj.toUpperCase()); // 输出 \"HELLO, WORLD\"，调用String对象的 toUpperCase 方法

在上面的代码中，我们首先定义了一个字符串原始值str，然后使用new String()语法创建了一个String对象strObj。接着我们分别使用typeof操作符来检查它们的类型，发现str是一个原始类型的字符串，而strObj是一个对象。

随后，我们尝试调用它们的方法和属性。我们发现，虽然字符串原始值本身并不是一个对象，但它却能够直接调用length属性。这是因为当我们使用字符串原始值的属性或方法时，JavaScript会自动进行类型转换，将字符串原始值转换为String对象，以便访问其相关的属性和方法。同样地，我们也可以在strObj上调用toUpperCase方法，因为它是一个真正的对象，拥有对应的方法。

这就是包装类的作用：使原始类型能够像对象一样拥有方法和属性。虽然在实际编码中我们很少直接使用包装类，但理解它的工作原理可以帮助我们更好地理解 JavaScript 中的类型转换和对象操作。