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

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

DDD

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

原创

917人浏览过

通过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中的参考来呼叫/通过价值和通话/通过参考的详细内容，更多请关注php中文网其它相关文章！