21xrx.com
2024-12-22 19:32:42 Sunday
登录
文章检索 我的文章 写文章
理解 JavaScript 中基本数据类型和引用类型的不同
2023-06-10 21:17:02 深夜i     --     --
JavaScript 基本数据类型 引用类型

作为一名前端开发工程师,我深入了解了 JavaScript 中的基本数据类型和引用类型。这些知识对于我的日常开发工作非常重要。在这篇文章中,我将简要介绍 JavaScript 中的基本数据类型和引用类型之间的区别。

JavaScript 中的基本数据类型包括字符串、数字、布尔值、null 和 undefined。这些基本数据类型是按值传递的,也就是说,它们直接保存在变量的栈内存中。当我们把一个基本数据类型的值赋给变量时,该变量会保存这个值的一个副本。以下是一个示例:

script

let num1 = 10;

let num2 = num1;

num2 = 20;

console.log(num1);// 10

console.log(num2);// 20

在这个示例中,我们首先用 `let` 关键字定义了一个 `num1` 变量,并将其值设置为 `10`。然后,我们把 `num1` 赋给了 `num2` 变量。由于是按值传递的,`num2` 变量会保存 `num1` 的一个副本,也就是 `10`。接着,我们将 `num2` 的值设置为 `20`,但是这并不会影响 `num1` 的值,因为它们保存的是不同的副本。

JavaScript 中的引用类型包括对象、数组和函数。引用类型的变量实际上保存的是一个指向存储对象的内存地址的指针。当我们把一个引用类型的值赋给变量时,该变量保存的是指针,而不是实际的对象。以下是一个示例:

script

let arr1 = [1, 2, 3];

let arr2 = arr1;

arr2.push(4);

console.log(arr1);// [1, 2, 3, 4]

console.log(arr2);// [1, 2, 3, 4]

在这个示例中,我们首先用 `let` 关键字定义了一个 `arr1` 变量,并将其值设置为一个数组 `[1, 2, 3]`。然后,我们把 `arr1` 赋给了 `arr2` 变量。由于是按引用传递的,`arr2` 变量保存的是 `arr1` 的内存地址指针。接着,我们向 `arr2` 中添加了元素 `4`。这样一来,`arr1` 和 `arr2` 中都包含 `[1, 2, 3, 4]`。

综上所述,JavaScript 中的基本数据类型和引用类型之间有很大的区别。如果我们理解了这些区别,就能更好地在项目中使用 JavaScript,避免常见的错误。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复