如何根据动态uniqueKey调用对应Service的process()方法？

Hey there! Let's fix that dynamic method call issue you're running into. The problem with your initial approach (obj[uniqueKey]Service.process()) is that JavaScript can't automatically turn a string like theFirst into the variable name theFirstService directly. Instead, we need to create a mapping between your key strings and the actual service variables you've imported. Here's how to do it right:

Step 1: Create a service mapping object #

First, we'll wrap your imported services in an object where the keys match the values in your obj.uniqueKey (like 'theFirst' or 'theSecond'):

const theFirstService = require('theFirstService');
const theSecondService = require('theSecondService');

// 建立键名与服务的映射
const serviceMap = {
  theFirst: theFirstService,
  theSecond: theSecondService
};

Step 2: Dynamically retrieve and call the service #

Now you can use obj.uniqueKey to pull the correct service from the mapping, then call its process() method. We'll add a check to handle cases where the key doesn't exist (to avoid errors):

const obj = { uniqueKey:'theFirst' };

// 获取目标服务
const targetService = serviceMap[obj.uniqueKey];

if (targetService) {
  targetService.process(); // 成功调用对应的process方法！
} else {
  // 处理未找到对应服务的情况
  console.error(`Oops, no service found for key: ${obj.uniqueKey}`);
}

Bonus: Shorthand with optional chaining #

If you're using modern JavaScript (ES2020+), you can use the optional chain operator (?.) to make this even cleaner—it'll safely skip the call if the service doesn't exist:

serviceMap[obj.uniqueKey]?.process();

Why your original approach didn't work #

When you write obj[uniqueKey], you get the string 'theFirst'. Adding 'Service' to it gives you the string 'theFirstService', but that's just text—JavaScript doesn't recognize it as the imported variable you created. The mapping object solves this by linking the string key directly to the actual service reference.

内容的提问来源于stack exchange，提问作者user3052526