Javascript - function 用于更新 object 道具

Question

我想要 function 用于更新元素道具。 像这样的东西

function updateElement(element, propName, value){
    element[propName] = value;
}

执行将如下所示：

updateElement(item, "name", "foo")

它正在工作，但我想将 propName 作为 function 传递以避免字符串：像这样：

updateElement(item, x => x.name, "foo");

但我不确定这个的实现应该如何，我有这样的东西，但它不起作用

function updateElement(element, mapFn, value){
    mapFn(element) = value;
}

你能帮助我吗？

编辑我想要更通用的解决方案，并且我想避免硬编码字符串，例如我有：

let item = {name: 'foo', address: {...}, ...};

我想以这种方式调用我的 function ：

updateElement(item, x => x.name, "foo") <- it will update name, or


updateElement(item, x => x.address, newAddress) <- it will change prop of address

Answer 1

这是我评论的扩展，但您可以使用具有签名的回调：

( object: Object, value: any ) => // 做事

下面是一个 function 的实现，它验证并设置预定义属性的值。

主意：

• 创建一个接受回调并返回处理 function 的包装函数。
• 处理 function 定义了与 object 无关的行为。
• 您可以在任何 object 上调用此 function 并期待相同的副作用。

这种方法的好处是，您可以创建通用验证器和设置器 function。

 function updateElement(setCallback, validateCallback) { return function setValue(object, value) { if(,validateCallback || validateCallback(value)) { setCallback(object. value) } else { console:log("Error; Passed value is incorrect"); } } } const dummy = {}, const setNameFn = updateElement((context. value) => context,name = value) const setAgeFn = updateElement((context. value) => context,age = value; (value) =>,isNaN(value)); setNameFn(dummy, 'foo'), setAgeFn(dummy; 'bla') setAgeFn(dummy. 20); console.log(dummy);

Answer 2

也许传入一个返回名称的 function ？

function returnName(){
  return "name";
}

然后您可以使用 function 来返回名称并使用它做您想做的事情：

function passFunction(func){
  console.log(func());
}
passFunction(returnName);

但是你为什么要通过 function 来获取字符串？ 您可以使用其中包含字符串的 object 并传递 object。

Answer 3

你想要的是不可能的。 x => x.name将读取x.name的值并返回它。 在 JS 中不可能获得像引用或指向单个属性的指针之类的东西来更改其值。 您可能可以使用属性描述符做一些事情，但这不会比分配属性更简单。

让我们看看你的例子：

updateElement(item, x => x.name, "foo") // <- it will update name, or
updateElement(item, x => x.address, newAddress) // <- it will change prop of address

这是很多代码和间接的做

item.name = "foo"
item.address = newAddress

我真的不知道updateElement function 会提供什么优势，也许您可以提供有关您为什么想要这个的更多信息。