通过js中的参考来呼叫/通过价值和通话/通过参考-js教程-PHP中文网

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

DDD

发布： 2025-02-12 09:18:11

原创

961人浏览过

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

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

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

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

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

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

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

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

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

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

通义视频

通义万相AI视频生成工具

查看详情

<code class="javascript">let x = 10;
let y = x; // 复制值
y = 20;
console.log(x); // 输出：10
console.log(y); // 输出：20</code>

登录后复制

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

<code class="javascript">let str1 = "hello";
let str2 = "hello";
console.log(str1 === str2); // 输出：true</code>

登录后复制

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

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

<code class="javascript">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]</code>

登录后复制

非原始数据类型的比较是基于引用的比较：

<code class="javascript">let obj1 = { name: "John" };
let obj2 = { name: "John" };
console.log(obj1 === obj2); // 输出：false  (不同的对象实例)

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

登录后复制

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

<code class="javascript">function modifyObject(obj) {
    obj.name = "Pen";
}

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

登录后复制

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

以上就是通过js中的参考来呼叫/通过价值和通话/通过参考的详细内容，更多请关注php中文网其它相关文章！