跟我学习javascript的基本类型和引用类型

一、JavaScript中的基本类型和引用类型

在JavaScript的世界里，数据类型的理解是构建任何应用程序的基础。JavaScript中有两种主要的数据类型：基本类型和引用类型。让我们通过图解的方式，深入了解这两者之间的区别与联系。

我们来了解一下基本类型。JavaScript的基本类型包括：undefined、boolean、number、string以及null。这些类型都有其特定的用途和行为。例如，当我们使用typeof操作符来检查一个值的数据类型时，它们会返回相应的基本类型名称。

当我们尝试对基本类型值调用方法时，会发生什么呢？例如，如果我们尝试对一个字符串调用substring()方法，JavaScript会自动为我们创建一个对应的包装对象，让我们能够像操作对象一样操作这些基本类型值。这就是所谓的“基本包装类型”。

对于Boolean、Number和String这三个基本类型，JavaScript提供了对应的构造函数（Boolean()、Number()和String()）。这些构造函数可以用来创建对应的对象实例。这些实例是真正的对象，可以为其添加属性和方法。但与基本类型值不同，这些对象实例的生命周期更长，它们会在执行流离开当前作用域之前一直保存在内存中。这就是引用类型与基本包装类型的主要区别。

举个例子，如果我们创建一个String对象实例并为其添加一个属性，然后尝试访问这个属性，我们会发现属性的值是undefined。这是因为基本包装类型的对象是瞬时的，一旦创建完毕，就会立即销毁。我们不能在运行时为这些对象的属性添加方法和属性。如果我们试图这样做，只会得到一个空的结果。同样，对于Boolean和Number对象也是这样的情况。这也是为什么不建议使用基本包装类型的构造函数来创建对象的原因。但是我们可以使用这些构造函数进行类型转换。例如，将一个数字转换为字符串类型可以使用String(number)。值得注意的是，使用new关键字调用基本包装类型的构造函数与使用同名的转型函数是不同的。使用new关键字创建的对象实例会返回true，表示它是引用类型的一个实例。但直接调用转型函数则会返回一个新的基本类型的值。我们需要明确何时使用哪种方式。了解JavaScript的基本类型和引用类型的区别和联系是掌握JavaScript的关键之一。通过这些理解，我们可以更好地处理和理解代码中的各种数据类型和它们的行为方式。在深入JavaScript核心知识时，我们不难发现其基础类型与引用类型间存在着显著的差异和特点。以下是对这些特性的生动描述和细致解读。

一、原始类型初探

在JavaScript中，原始类型如数字、字符串和布尔值，都有其独特的性质。这些类型的值是固定且不可改变的。当你尝试修改一个原始类型的值时，你实际上是创建了一个新的值，而不是改变原有的值。例如，字符串的 `toUpperCase()` 方法并不会改变原始字符串，而是返回一个新的字符串。基本类型的比较也是值的比较，而非引用比较。这意味着只有当两个值的类型和内容都相它们才被视为相等。基本类型的变量存储在栈内存中，包括变量标识符和变量的值。

二、引用类型的魅力

相对于基本类型，引用类型（如对象）则展现出更多的灵活性和复杂性。引用类型的值是可变的，我们可以为其添加属性和方法，也可以删除已有的属性和方法。这种动态性使得引用类型在表示复杂数据和逻辑时具有强大的能力。引用类型的存储需要栈内存和堆内存共同完成。栈内存中保存变量标识符和指向堆内存中该对象的指针，我们通过操作这个指针来访问和操作对象。值得注意的是，尽管我们无法直接操作内存中的对象，但我们可以通过操作对象的引用来实现对对象的访问和修改。

三、类型的比较与转换

在JavaScript中，当我们比较不同类型的变量时，==运算符会进行一些类型转换。例如，当我们比较一个数字和一个布尔值时，布尔值会被转换为数字，然后再进行比较。当我们使用===运算符进行比较时，它同时比较两个值的类型和值。基本类型和引用类型之间的转换也是JavaScript的重要特性之一。例如，我们可以使用Number构造函数将字符串转换为数字类型。这种类型转换机制使得JavaScript在处理不同类型的数据时具有强大的灵活性。

想象一下有三个朋友，我们称他们为jozo、xiaom和xiaoq。他们是独特的个体，拥有自己的身份和特点。这就像我们在编程中定义的对象。

当我们定义如下对象时：

var person1 = {name:'jozo'};

var person2 = {name:'xiaom'};

var person3 = {name:'xiaoq'};

它们在内存中的表现就如同三位朋友在自己的空间里。每个对象有其独特的内存地址。当我们谈论引用类型的比较时，我们其实是在比较这些朋友的身份标识，即他们在内存中的地址。

当我们写下这样的代码：

var person1 = {};

var person2 = {};

console.log(person1 == person2); // false

我们实际上在比较两个空对象的身份。虽然他们看起来相同，但他们在内存中的地址是不同的，所以他们是两个不同的对象。这就像两个刚认识的朋友，虽然彼此尚未深入了解，但他们知道彼此是独立的个体。

接下来谈谈简单赋值。想象一下，你有两个盒子，一个装有10个苹果。当你把一个苹果的数目从一个盒子复制到另一个盒子时，两个盒子里的苹果数量是独立的。当你对一个盒子的苹果数量进行增加操作时，另一个盒子不受影响。这就是基本类型的赋值方式。

而对于对象引用，想象你有一个指向你家地址的纸条。当你将这个纸条复制给朋友时，你们都得到了指向同一家房子的地址。如果你在家中做出改变，这些变化也会反映在朋友那里，因为你们都在使用同一个地址来访问相同的对象。这就是引用类型的赋值方式。当你改变一个对象的属性时，所有指向该对象的变量都会受到影响。这是因为它们实际上是指向同一个对象在内存中的地址。对于引用类型的比较，我们是在比较他们的地址是否相同。这就是为什么在比较两个对象时，即使它们的内容完全相同，结果也会是false的原因。因为它们指向的是不同的内存地址。希望这些比喻能帮助大家更深入地理解编程中的数据类型和它们在内存中的表现方式。学习编程就像是在学习一个新的社交技巧，不断理解和会使你的编程之旅更加有趣和充实！