JavaScript：通过字符串路径动态访问嵌套对象或调用函数

var x = 'googletag.pubads';

// 期望：调用 googletag.pubads() 并对其应用事件监听器
// 实际：这会导致 TypeError，因为 x 是一个字符串，不是一个函数或对象引用
x().addEventListener('slotOnload', (event) => {
    // do something
});

/**
 * 根据点分隔的字符串路径从根对象中获取嵌套属性或方法。
 * @param {object} root - 起始的根对象，例如 window 或 document。
 * @param {string} path - 点分隔的属性路径，例如 'googletag.pubads'。
 * @returns {*} - 路径指向的最终值，如果路径无效则可能返回 undefined。
 */
const getAtPath = (root, path) => {
    // 将路径字符串按 '.' 分割成属性名数组
    const pathSegments = path.split(".");

    // 使用 reduce 方法遍历属性名数组，逐步深入对象
    return pathSegments.reduce((currentObj, key) => {
        // 如果 currentObj 是 null 或 undefined，则无法继续访问其属性
        // 此时应停止并返回 undefined，避免 TypeError
        if (currentObj === null || typeof currentObj === 'undefined') {
            return undefined;
        }
        // 返回当前对象中对应 key 的值，作为下一次迭代的 currentObj
        return currentObj[key];
    }, root); // 初始的 currentObj 是传入的 root 对象
};

// 模拟 googletag 对象，用于演示
var googletag = {
    pubads: {
        addEventListener: function(type, callback) {
            console.log(`事件监听器已为类型 '${type}' 注册。`);
            // 在实际应用中，这里会注册真正的事件
            // 为了演示，我们模拟立即触发回调
            setTimeout(() => {
                console.log(`模拟事件 '${type}' 触发！`);
                callback({ target: 'mock_slot', type: type });
            }, 100);
        }
    }
};

// 动态路径字符串
var x = 'googletag.pubads';

try {
    // 获取 googletag.pubads 的实际引用
    const pubadsObject = getAtPath(window, x);

    if (pubadsObject && typeof pubadsObject.addEventListener === 'function') {
        // 对获取到的对象引用应用事件监听器
        pubadsObject.addEventListener('slotOnload', (event) => {
            console.log("slotOnload 事件被捕获！", event);
            // 在这里执行你的业务逻辑
        });
    } else {
        console.error(`路径 '${x}' 未能解析为包含 addEventListener 方法的对象。`);
    }
} catch (error) {
    console.error("在动态访问对象时发生错误:", error);
}

// 另一个例子：访问更深层的属性
var y = 'googletag.pubads.someDeepProperty';
googletag.pubads.someDeepProperty = "hello world";
const deepValue = getAtPath(window, y);
console.log(`动态获取到的深层属性值: ${deepValue}`); // 输出: hello world