通过js中的参考来呼叫/通过价值和通话/通过参考

有志者，事竟成！如果你在学习文章，那么本文《通过js中的参考来呼叫/通过价值和通话/通过参考》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

本文探讨JavaScript中按值和按引用传递数据的方式，以及原始数据类型和非原始数据类型之间的差异。

原始数据类型 vs. 非原始数据类型

JavaScript中的数据类型分为原始类型和非原始类型（也称为引用类型）。

原始数据类型是不可变的，包括：

• 数字 (Number)
• 字符串 (String)
• 布尔值 (Boolean)
• null
• undefined
• BigInt
• Symbol

非原始数据类型是可变的，包括：

• 数组 (Array)
• 对象 (Object)
• 函数 (Function)

按值传递 (原始数据类型)

当将原始数据类型传递给函数时，会复制其值。函数内部对参数的任何修改都不会影响原始变量。

let x = 10;
let y = x; // 复制值
y = 20;
console.log(x); // 输出：10
console.log(y); // 输出：20

原始数据类型的比较是基于值的比较：

let str1 = "hello";
let str2 = "hello";
console.log(str1 === str2); // 输出：true

按引用传递 (非原始数据类型)

当将非原始数据类型传递给函数时，传递的是其内存地址（引用）。函数内部对参数的任何修改都会影响原始变量。

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 obj1 = { name: "John" };
let obj2 = { name: "John" };
console.log(obj1 === obj2); // 输出：false  (不同的对象实例)

let obj3 = obj1; // 复制引用
console.log(obj1 === obj3); // 输出：true (相同的对象实例)

示例：按引用传递非原始数据类型到函数

function modifyObject(obj) {
    obj.name = "Pen";
}

let product = { name: "Book" };
console.log(product.name); // 输出：Book
modifyObject(product);
console.log(product.name); // 输出：Pen

总结：理解原始数据类型和非原始数据类型以及它们是如何传递给函数的，对于编写正确的JavaScript代码至关重要。 记住，原始类型是按值传递的，而非原始类型是按引用传递的。 这直接影响到函数内部对数据的修改是否会影响到函数外部的变量。

终于介绍完啦！小伙伴们，这篇关于《通过js中的参考来呼叫/通过价值和通话/通过参考》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！