将字符串从函数传递到变量Javascript

将字符串从函数传递到变量Javascript,javascript,jquery,function,variables,Javascript,Jquery,Function,Variables,我有一个函数,我正试图从中传递一个字符串以创建一个新变量-请参见以下内容: function networks(networkGroupId) { jQuery.ajax({ type: 'GET' , url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500' , dataType: 'json' , success: fu

我有一个函数,我正试图从中传递一个字符串以创建一个新变量-请参见以下内容:

function networks(networkGroupId) {
    jQuery.ajax({
        type: 'GET'
        , url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
        , dataType: 'json'
        , success: function (networkGroup) {
            var regionList = []; // temporary array
            jQuery.each(networkGroup.countryList, function (i, countryList) {
                regionList.push( countryList.code + ": 'NORTH AMERICA'")
            });
            var regionListOutput = '{' + regionList + '}';
            console.log(regionListOutput);
        }
    });
};

var networkList = networks('15001');
console.log('Network List = ' + networkList);
我遇到的问题是,当我运行这个程序时,控制台输出为

Network List = undefined

{AG: 'NORTH AMERICA',AI: 'NORTH AMERICA',AR: 'NORTH AMERICA',AW: 'NORTH AMERICA',BB: 'NORTH AMERICA',BM: 'NORTH AMERICA',BO: 'NORTH AMERICA',BR: 'NORTH AMERICA',CL: 'NORTH AMERICA',CO: 'NORTH AMERICA',CR: 'NORTH AMERICA',CW: 'NORTH AMERICA',DM: 'NORTH AMERICA',DO: 'NORTH AMERICA',EC: 'NORTH AMERICA',GD: 'NORTH AMERICA',GF: 'NORTH AMERICA',GT: 'NORTH AMERICA',HT: 'NORTH AMERICA',JM: 'NORTH AMERICA',KN: 'NORTH AMERICA',KY: 'NORTH AMERICA',LC: 'NORTH AMERICA',PA: 'NORTH AMERICA',PE: 'NORTH AMERICA',PY: 'NORTH AMERICA',TC: 'NORTH AMERICA',TT: 'NORTH AMERICA',UY: 'NORTH AMERICA',VC: 'NORTH AMERICA',VE: 'NORTH AMERICA',VG: 'NORTH AMERICA',MQ: 'NORTH AMERICA',GP: 'NORTH AMERICA',SV: 'NORTH AMERICA',HN: 'NORTH AMERICA',NI: 'NORTH AMERICA',BS: 'NORTH AMERICA',BZ: 'NORTH AMERICA',GY: 'NORTH AMERICA',MF: 'NORTH AMERICA',MS: 'NORTH AMERICA',SR: 'NORTH AMERICA',BQ: 'NORTH AMERICA',BL: 'NORTH AMERICA',SX: 'NORTH AMERICA'}
当我希望两个日志都是字符串{…}

我想我知道
networkList
返回为未定义,因为它没有等待
networks('15001')
的结果,但我不知道如何去纠正这个问题。有人能帮忙吗

编辑

为了进一步说明,在将networkList的变量设置为字符串
{AG:'NORTH AMERICA',AI:'NORTH AMERICA'…}
之后,我想将其传递给变量
regionStyling
请参见下文(控制台日志仅用于检查传递的字符串是否正确):


欢迎来到异步世界

首先,您没有返回方法内部的任何内容。 然后,方法内部发生的事情是异步的,这意味着基于许多事情可能需要一段时间,另一方面,以下几行是一行接一行的:

var networkList=网络('15001')

log('networkList='+networkList)

因此,同时这两行正在立即执行,可能AJAX paart尚未完全执行,因此不会返回任何值

您可以做两件事:

1-使用回调

在当前效果完成后执行回调函数

2使用承诺(我更喜欢这样而不是回调)

因此,一旦事情变得非常有趣,并且您仍在使用回调,您就可以轻松进入

撇开异步部分不谈,您在这里试图实现的目标实际上没有多大意义:

var regionListOutput='{'+regionList+'}'

因为您正在连接字符串和数组。您需要做的是在已有的foreach循环中执行这个连接部分。我编辑了两种方法

这里有一个JS小提琴你可以测试。
欢迎来到异步世界

首先,您没有返回方法内部的任何内容。 然后,方法内部发生的事情是异步的,这意味着基于许多事情可能需要一段时间,另一方面,以下几行是一行接一行的:

var网络列表=网络('15001')

log('networkList='+networkList)

因此,同时这两行正在立即执行,可能AJAX paart尚未完全执行,因此不会返回任何值

您可以做两件事:

1-使用回调

在当前效果完成后执行回调函数

2使用承诺(我更喜欢这样而不是回调)

因此,一旦事情变得非常有趣,并且您仍在使用回调,您就可以轻松进入

撇开异步部分不谈,您在这里试图实现的目标实际上没有多大意义:

var regionListOutput='{'+regionList+'}'

因为您正在连接字符串和数组。您需要做的是在已有的foreach循环中执行这个连接部分。我编辑了两种方法

这里有一个JS小提琴你可以测试。

您的函数
网络
没有
返回
语句,因此函数的返回值总是
未定义
。您的函数
网络
没有
返回
语句,因此,函数的返回值始终是
未定义的
。虽然对console.log使用回调方法,但它仍然没有将networkList的变量设置为字符串
{AG:'NORTH AMERICA',AI:'NORTH AMERICA'…}
我希望这个变量就是那个字符串,这样我就可以在另一个函数中将它用作变量。@JodySergison再次检查回调方法,应答器上有一个版本。这个仍然没有将networkList的变量设置为字符串
{AG:'北美',AI:'北美'…}
。请参阅我对原始帖子的编辑。谢谢你的帮助。@JodySergison我想我终于明白了你说的话,你可以查看编辑后的答案和JS提琴,以便更好地理解。我没有使用JQuery的foreach,而是使用了ES6。虽然对console.log使用回调方法,但它仍然没有将networkList的变量设置为字符串
{AG:'NORTH AMERICA',AI:'NORTH AMERICA'…}
我希望这个变量就是那个字符串,这样我就可以在另一个函数中将它用作变量。@JodySergison再次检查回调方法,应答器上有一个版本。这个仍然没有将networkList的变量设置为字符串
{AG:'北美',AI:'北美'…}
。请参阅我对原始帖子的编辑。谢谢你的帮助。@JodySergison我想我终于明白了你说的话,你可以查看编辑后的答案和JS提琴,以便更好地理解。我没有使用JQuery的foreach,而是使用ES6
function networks(networkGroupId, callback) {
        jQuery.ajax({
            type: 'GET'
            , url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
            , dataType: 'json'
            , success: function (networkGroup) {
                var regionList = []; // temporary array
                jQuery.each(networkGroup.countryList, function (i, countryList) {
                    regionList.push(countryList.code + ": 'NORTH AMERICA'")
                });
                var regionListOutput = '{' + regionList + '}';
                console.log(regionListOutput);
                callback(regionListOutput);
            }
        });
    };
    var networkList = [];
    networks('15001', function (regionListGottenFromTheNetworksFunction) {
        networkList = regionListGottenFromTheNetworksFunction;
        console.log('Network List = ' + networkList);
    });

    console.log(networkList);


    var regionStyling = {
        regions: [{
            values: networkList //this should be the string {AG: 'NORTH AMERICA',AI:...}
            , scale: {
                "NORTH AMERICA": "#2761ad"
                , "EUROPE": "#d58aa3"
                , "ASIA": "#ee549f"
                , "LATIN AMERICA": "#15bbba"
                , "AFRICA & MIDDLE EAST": "#8864ab"
            }
     }]
    };`
function networks(networkGroupId, callback) {
    jQuery.ajax({
        type: 'GET'
        , url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
        , dataType: 'json'
        , success: function (networkGroup) {
            var regionList = []; // temporary array
            var regionListOutput = '{';
        
                jQuery.each(networkGroup.countryList, function (i, countryList) {
                    regionList.push( countryList.code + ": 'NORTH AMERICA'");
                    regionListOutput += countryList.code + ":'NORTH AMERICA',";
                });
                
                regionListOutput = regionListOutput.replace(/,\s*$/, ""); //Remove last comma
                regionListOutput += "}";
            
            callback(regionListOutput);
        }
    });
};

var networkList = [];
networks('15001', function(regionListString){
    networkList = regionListString;
    console.log('Network List = ' + networkList);
}); 
function networks(networkGroupId, callback) {
    return new Promise(function(resolve, reject){
        jQuery.ajax({
            type: 'GET'
            , url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
            , dataType: 'json'
            , success: function (networkGroup) {
                var regionList = []; // temporary array
                var regionListOutput = '{';

                jQuery.each(networkGroup.countryList, function (i, countryList) {
                    regionList.push( countryList.code + ": 'NORTH AMERICA'");
                    regionListOutput += countryList.code + ":'NORTH AMERICA',";
                });
                
                regionListOutput = regionListOutput.replace(/,\s*$/, ""); //Remove last comma
                regionListOutput += "}";
                
                resolve(regionListOutput);
            }
        });     
    })

};

var networkList; 
networks('15001').then(function(regionListString){
    networkList = regionListString;
})