js种怎么传值不是传址

JavaScript中传值而不是传址的方法包括：使用基本数据类型、创建副本、利用扩展运算符、深拷贝。 其中，基本数据类型的使用最为常见，因为它们在JavaScript中本身就是以传值的方式传递的。详细描述如下：

基本数据类型：JavaScript中的基本数据类型（例如number、string、boolean、null和undefined）都是通过值传递的。这意味着当你将一个基本数据类型的变量赋值给另一个变量时，实际上是复制了一份值，而不是引用原来的变量。因此，修改新变量不会影响原变量。

例如：

let a = 5;
let b = a;
b = 10;
console.log(a); // 输出5
console.log(b); // 输出10

在这个例子中，a和b是独立的变量，修改b的值不会影响a的值。

一、基本数据类型与引用数据类型

在JavaScript中，数据类型可以分为基本数据类型和引用数据类型。这两种类型在传递过程中有着不同的行为。

1、基本数据类型

基本数据类型包括number、string、boolean、null和undefined。这些类型的数据在赋值或传递时，是以值的方式进行操作的。这意味着每次赋值或传递，都会创建数据的副本。

let x = 10;
let y = x;
y = 20;
console.log(x); // 输出10
console.log(y); // 输出20

在这个例子中，x和y是独立的变量，修改y不会影响x。

2、引用数据类型

引用数据类型包括object、array和function等。当引用数据类型在赋值或传递时，是以引用的方式进行操作的。这意味着赋值或传递的只是数据的地址，多个变量指向同一个数据。

let obj1 = {name: "Alice"};
let obj2 = obj1;
obj2.name = "Bob";
console.log(obj1.name); // 输出Bob
console.log(obj2.name); // 输出Bob

在这个例子中，obj1和obj2指向同一个对象，修改obj2的属性会影响obj1。

二、如何实现传值而不是传址

为了避免引用数据类型的传址问题，可以采用以下方法：

1、创建副本

通过创建对象或数组的副本，可以避免对原数据的修改。例如，可以使用Object.assign()或扩展运算符创建对象的副本。

let obj1 = {name: "Alice"};
let obj2 = Object.assign({}, obj1);
obj2.name = "Bob";
console.log(obj1.name); // 输出Alice
console.log(obj2.name); // 输出Bob

或者使用扩展运算符：

let obj1 = {name: "Alice"};
let obj2 = {...obj1};
obj2.name = "Bob";
console.log(obj1.name); // 输出Alice
console.log(obj2.name); // 输出Bob

对于数组，可以使用slice()方法或扩展运算符创建副本：

let arr1 = [1, 2, 3];
let arr2 = arr1.slice();
arr2.push(4);
console.log(arr1); // 输出[1, 2, 3]
console.log(arr2); // 输出[1, 2, 3, 4]

或者使用扩展运算符：

let arr1 = [1, 2, 3];
let arr2 = [...arr1];
arr2.push(4);
console.log(arr1); // 输出[1, 2, 3]
console.log(arr2); // 输出[1, 2, 3, 4]

2、深拷贝

对于嵌套对象或数组，简单的复制方法无法避免内层数据的引用问题。此时需要进行深拷贝，可以使用递归方法或第三方库（如Lodash）的cloneDeep方法。

递归方法的简单实现：

function deepClone(obj) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  if (Array.isArray(obj)) {
    let copy = [];
    for (let i = 0; i < obj.length; i++) {
      copy[i] = deepClone(obj[i]);
    }
    return copy;
  }
  let copy = {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepClone(obj[key]);
    }
  }
  return copy;
}
let obj1 = {name: "Alice", details: {age: 25}};
let obj2 = deepClone(obj1);
obj2.details.age = 30;
console.log(obj1.details.age); // 输出25
console.log(obj2.details.age); // 输出30

使用Lodash库的cloneDeep方法：

let _ = require('lodash');
let obj1 = {name: "Alice", details: {age: 25}};
let obj2 = _.cloneDeep(obj1);
obj2.details.age = 30;
console.log(obj1.details.age); // 输出25
console.log(obj2.details.age); // 输出30

三、传值与传址的实际应用

在实际开发中，理解传值与传址的区别可以帮助我们更好地处理数据，避免潜在的错误和问题。

1、函数参数传递

在函数参数传递过程中，基本数据类型的参数是按值传递的，而引用数据类型的参数是按址传递的。了解这一点可以帮助我们更好地设计和使用函数。

function modifyValue(val) {
  val = 20;
}
function modifyObject(obj) {
  obj.name = "Bob";
}
let x = 10;
modifyValue(x);
console.log(x); // 输出10
let person = {name: "Alice"};
modifyObject(person);
console.log(person.name); // 输出Bob

2、避免意外修改

在处理复杂数据结构时，使用副本或深拷贝可以避免意外修改原数据。例如，在Redux中，状态是不可变的，通过创建状态的副本来更新状态，可以避免直接修改原状态，确保数据的一致性。

const initialState = {
  user: {
    name: "Alice",
    age: 25
  }
};
function updateUserAge(state, newAge) {
  return {
    ...state,
    user: {
      ...state.user,
      age: newAge
    }
  };
}
const newState = updateUserAge(initialState, 30);
console.log(initialState.user.age); // 输出25
console.log(newState.user.age); // 输出30

四、总结

理解JavaScript中传值与传址的区别是编写高质量代码的基础。通过使用基本数据类型、创建副本、利用扩展运算符和深拷贝等方法，可以避免引用数据类型的传址问题，确保数据的独立性和一致性。 在实际开发中，根据具体需求选择合适的传递方式，可以提高代码的可维护性和可读性。