如何将ipify.org获取的JSON值作为全局变量在函数外使用？

你的问题核心是异步执行顺序：你写的alert(window.ipa)是同步执行的，而jsonp的外部脚本是异步加载的——浏览器还没加载完那个脚本、还没调用getIP函数给window.ipa赋值，alert就已经执行了，所以返回undefined。

下面是几种可行的解决方法：

方法1：在回调函数内直接处理IP #

把需要使用IP的逻辑放在getIP回调里，确保IP值已经被赋值后再执行：

function getIP(json) {
    window.ipa = json.ip;
    // 在这里执行所有需要用到IP的操作
    useIPValue();
}

function useIPValue() {
    alert(window.ipa); // 此时能正常获取IP
}

方法2：用Promise封装请求（更灵活） #

把jsonp请求封装成Promise，这样可以在任何需要的地方通过async/await或.then()获取IP：

function getIPAddress() {
    return new Promise((resolve) => {
        // 定义全局回调函数
        window.getIPCallback = function(json) {
            resolve(json.ip);
            // 清理全局函数，避免污染
            delete window.getIPCallback;
        };
        // 动态创建script标签发起请求
        const script = document.createElement('script');
        script.src = 'https://api.ipify.org?format=jsonp&callback=getIPCallback';
        document.body.appendChild(script);
    });
}

// 使用示例
async function handleIP() {
    const ip = await getIPAddress();
    alert(ip); // 成功获取IP
}

// 调用函数
handleIP();

方法3：通过自定义事件传递IP #

在回调里触发自定义事件，其他地方监听事件来获取IP：

function getIP(json) {
    window.ipa = json.ip;
    // 触发自定义事件，携带IP数据
    window.dispatchEvent(new CustomEvent('ipLoaded', { detail: json.ip }));
}

// 在需要使用IP的地方监听事件
window.addEventListener('ipLoaded', (event) => {
    alert(event.detail); // 获取到IP值
});

关键记住：所有依赖IP值的代码，都必须等getIP函数执行完成后再运行，不能在脚本加载阶段同步调用。

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