如何在JavaScript函数外部获取内部变量的值：作用域与数据传递策略

/**
 * 根据路径获取元素的data-map-id属性值，并触发SweetAlert加载动画。
 * @param {string} path - 用于选择元素的jQuery选择器。
 * @returns {string|undefined} 返回获取到的data-map-id值。
 */
function get_data_mapping_for_id(path) {
    let id = $(path).attr('data-map-id'); // id在这里被同步获取

    Swal.fire({
        title: 'Loading data...',
        willOpen: function() {
            $('.site-plan').addClass("zoom-svg");
            $('path[data-map-id="' + id + '"]').addClass("highlight-path");
            Swal.showLoading();

            // 异步请求，其结果不影响id的立即可用性
            $.get(endPoint, {
                action: 'get_data_mapping_for_id',
                id
            }, function(data) {
                Swal.hideLoading();
                jsonResp = JSON.parse(data);
                const table = jsonToHTMLTable(jsonResp, $(path));
                Swal.update({
                    title: jsonResp.title,
                    html: table,
                    confirmButtonText: 'OK'
                });
            });
        },
        willClose: function() {
            $('.site-plan').removeClass("zoom-svg");
            $('path[data-map-id="' + id + '"]').removeClass("highlight-path");
        }
    });

    // 在id被获取后立即返回它
    return id;
}

// 外部调用函数并获取返回值
$(document).ready(function() {
    // 假设有一个元素如 <path data-map-id="unique-123"></path>
    // 并且我们想获取它的id
    const somePathSelector = 'path[data-map-id]'; // 示例选择器，实际应根据HTML结构确定
    const retrievedId = get_data_mapping_for_id(somePathSelector);

    // 现在可以在函数外部使用retrievedId
    if (retrievedId) {
        $('#pIP').val(retrievedId); // 将获取到的id设置给id为'pIP'的输入框
        console.log("成功从函数外部获取到ID:", retrievedId);
    } else {
        console.log("未获取到ID，请检查选择器或元素属性。");
    }
});

let globalDataMapId = null; // 在全局作用域声明一个变量

/**
 * 根据路径获取元素的data-map-id属性值，并将其存储到全局变量中，
 * 同时触发SweetAlert加载动画。
 * @param {string} path - 用于选择元素的jQuery选择器。
 */
function get_data_mapping_for_id_global(path) {
    let id = $(path).attr('data-map-id');
    globalDataMapId = id; // 将局部变量id的值赋给全局变量

    Swal.fire({
        title: 'Loading data...',
        willOpen: function() {
            $('.site-plan').addClass("zoom-svg");
            $('path[data-map-id="' + id + '"]').addClass("highlight-path");
            Swal.showLoading();

            $.get(endPoint, {
                action: 'get_data_mapping_for_id',
                id
            }, function(data) {
                Swal.hideLoading();
                jsonResp = JSON.parse(data);
                const table = jsonToHTMLTable(jsonResp, $(path));
                Swal.update({
                    title: jsonResp.title,
                    html: table,
                    confirmButtonText: 'OK'
                });
            });
        },
        willClose: function() {
            $('.site-plan').removeClass("zoom-svg");
            $('path[data-map-id="' + id + '"]').removeClass("highlight-path");
        }
    });
    // 注意：这里没有return语句
}

// 外部调用函数
$(document).ready(function() {
    const somePathSelector = 'path[data-map-id]';
    get_data_mapping_for_id_global(somePathSelector);

    // 在函数执行后，可以在外部访问globalDataMapId
    // 注意：这里需要确保get_data_mapping_for_id_global已经执行完毕，
    // 才能保证globalDataMapId被正确赋值。
    if (globalDataMapId) {
        $('#pIP').val(globalDataMapId);
        console.log("成功通过全局变量获取到ID:", globalDataMapId);
    } else {
        console.log("全局变量未被赋值，请检查函数执行或选择器。");
    }
});