在 ECMAScript 2021 中，Map 对象新增了一个方法 upsert()，该方法的作用是在 Map 对象中插入或更新一个键值对。本文将详细介绍该方法的使用方法、注意事项以及示例代码，希望能够帮助读者更好地理解该方法的使用。
方法签名
Map.prototype.upsert(key, updateFunction, insertFunction)
- key: 需要插入或更新的键名。
- updateFunction: 当 key 已存在时执行的函数，该函数接受两个参数，第一个是 key 的值，第二个是当前的 value 值，返回值将作为新的 value 值。
- insertFunction: 当 key 不存在时执行的函数，该函数接受一个参数，即 key 的值，返回值将被插入为该 key 的 value 值。
使用方法
upsert() 方法接受三个参数，分别是需要插入或更新的键名、当 key 已存在时执行的函数以及当 key 不存在时执行的函数。当 key 已存在时，upsert() 方法将会执行 updateFunction 函数并将返回值作为新的 value 值；当 key 不存在时，upsert() 方法将会执行 insertFunction 函数并将返回值插入为该 key 的 value 值。
下面是一个简单的示例代码：
const map = new Map();
map.set('key1', 'value1');
map.upsert('key1', () => 'new value', () => 'inserted value');
console.log(map.get('key1')); // 输出 new value
map.upsert('key2', () => 'new value', () => 'inserted value');
console.log(map.get('key2')); // 输出 inserted value在上面的示例中，我们首先创建了一个 Map 对象，并向其中插入了一个键值对。然后我们分别调用了 upsert() 方法来更新已存在的键值对以及插入不存在的键值对。在第一个调用中，由于 key1 已经存在，因此 upsert() 方法执行了 updateFunction 函数并将其返回值作为新的 value 值；在第二个调用中，由于 key2 不存在，因此 upsert() 方法执行了 insertFunction 函数并将其返回值插入为 key2 的 value 值。
注意事项
在使用 upsert() 方法时，需要注意以下几点：
- updateFunction 和 insertFunction 函数都必须返回一个新的 value 值，否则该键值对的 value 值将不会被更新或插入。
- updateFunction 和 insertFunction 函数都可以访问到当前的 key 值，但无法访问到 Map 对象本身。
- 在 updateFunction 和 insertFunction 函数中，this 关键字指向的是 undefined，因此需要使用箭头函数或者在函数内部使用 bind() 方法来绑定 this 关键字。
指导意义
upsert() 方法的出现，使得在使用 Map 对象时可以更加方便地插入或更新键值对。在实际开发中，我们经常需要对一个 Map 对象进行插入或更新操作，而使用 upsert() 方法可以使得代码更加简洁易懂，减少重复代码的编写。
同时，在使用 upsert() 方法时，需要注意 updateFunction 和 insertFunction 函数的返回值问题，避免出现意外的结果。
总结
本文详细介绍了 ECMAScript 2021 中的 Map.prototype.upsert() 方法的使用方法、注意事项以及示例代码。upsert() 方法的出现，使得在使用 Map 对象时可以更加方便地插入或更新键值对，同时也需要注意函数的返回值问题。希望本文能够帮助读者更好地理解该方法的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65dcff991886fbafa4a54877