js函数中修改复杂数据类型

前端

2023-12-31 08:35:17

前言

在js中，函数内部对基本数据类型的修改会反映到函数外部的变量上，而对复杂数据类型的修改则不会。这是因为js的基本数据类型是按值传递的，而复杂数据类型是按引用传递的。

传值与传引用

按值传递： 当把基本数据类型作为函数参数传递时，会把基本数据类型的值复制一份传递给函数。因此，函数内部对基本数据类型的修改不会反映到函数外部的变量上。
按引用传递： 当把复杂数据类型作为函数参数传递时，会把复杂数据类型的引用传递给函数。因此，函数内部对复杂数据类型的修改会反映到函数外部的变量上。

修改复杂数据类型的方法

有以下几种方法可以修改js函数中的复杂数据类型：

修改复杂数据类型的某个属性或元素： 这种方法只能修改复杂数据类型的某个属性或元素，不能修改整个复杂数据类型。例如，以下代码修改了对象obj的属性name：

function changeName(obj) {
  obj.name = "new name";
}

使用闭包： 闭包可以访问函数内部的变量，包括复杂数据类型。因此，我们可以使用闭包来修改函数内部的复杂数据类型。例如，以下代码使用闭包来修改对象obj的属性name：

function createNameChanger(obj) {
  return function() {
    obj.name = "new name";
  };
}

const changeName = createNameChanger(obj);
changeName();

使用Proxy： Proxy对象可以拦截对对象的访问和修改。因此，我们可以使用Proxy对象来修改函数内部的复杂数据类型。例如，以下代码使用Proxy对象来修改对象obj的属性name：

const obj = { name: "old name" };

const proxy = new Proxy(obj, {
  set(target, property, value) {
    if (property === "name") {
      target[property] = "new name";
    } else {
      target[property] = value;
    }
  }
});

proxy.name = "new name";