TypeScript跨文件调用静态函数异常：fn始终为undefined问题排查

核心问题 #

1. 静态方法访问错误：officeHelper中的GetEmail是静态方法，属于类本身而非类实例的方法。你在platform.tsx中通过new officeHelper()创建实例后，实例上不存在该静态方法，导致offhelper[fnctname]返回undefined。
2. 无返回值传递：platformHelper.callFCT方法未返回函数执行结果，即使成功调用GetEmail，login.tsx也无法获取返回值。

修改后的代码 #

platform.tsx

import { windowHelper } from "./windowHelper";
import { officeHelper } from "./officeHelper";
import { googleHelper } from "./googleHelper";

export class platformHelper {
    static callFCT = (fnctname: string, fnctparams: any[] = []) => {
        const platform = window.localStorage ? window.localStorage.getItem('platform') : "office";
        let fn: (() => any) | null = null;

        // 直接访问类的静态方法，无需实例化
        switch (platform) {
            case "window":
                fn = windowHelper[fnctname];
                break;
            case "office":
                fn = officeHelper[fnctname];
                break;
            case "google":
                fn = googleHelper[fnctname];
                break;
            default:
                break;
        }

        if (typeof fn === "function") {
            // 执行函数并返回结果，参数用数组传递给apply
            return fn.apply(null, fnctparams);
        }
        return null; // 函数不存在时返回null
    }
}

OfficeHelper.tsx（无需修改，确认静态方法定义）

export class officeHelper {
    constructor() { }
    static GetEmail = () => {
        return Office.context.mailbox.userProfile.emailAddress;
    }
}

login.tsx（调用逻辑不变，现在可获取返回值）

let userEmailAddress = platformHelper.callFCT("GetEmail"); 
console.log(userEmailAddress); // 正常返回邮箱地址

关键说明 #

• 静态方法属于类本身，直接通过类名[方法名字符串]访问即可，不需要创建类实例。
• 修正了fnctparams的默认值：原默认值为null，而apply的第二个参数要求是数组，改为空数组可避免参数传递报错。
• 让callFCT返回函数执行结果，确保调用方能拿到业务数据。

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