js中的異步獲取到的數(shù)據(jù)到底能不能賦值給一個全局變量問題

更新時間：2023年04月24日 10:02:44 作者：321茄子

這篇文章主要介紹了js中的異步獲取到的數(shù)據(jù)到底能不能賦值給一個全局變量問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

js異步獲取到的數(shù)據(jù)到底能不能賦值給一個全局變量

結(jié)論：能！

今天在做微信小程序中，需要將通過接口請求到的數(shù)據(jù)儲存到為一個當(dāng)前區(qū)域的全局變量，因為請求是異步的，所以打印很多undefined 或者初始值；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <div>萬物皆有自己的軌道，遷躍需要能量</div>
    
    <script>
        var goodsInfo = {};
        $(document).ready(function(){
          
                $.ajax({url:"https://api-hmugo-web.itheima.net/api/public/v1/home/catitems",success:function(result){
                    goodsInfo = result;
                    console.log(goodsInfo);
                }});
 
            console.log(goodsInfo);
 
            var time = 40;
 
            setTimeout(()=>{console.log(goodsInfo);},time);
            
        });
        </script>
</body>
</html>

在設(shè)置延時時間為40ms時，我用瀏覽器刷新，有時候有數(shù)據(jù)，有時候沒有數(shù)據(jù)

沒數(shù)據(jù)打印情況

有數(shù)據(jù)打印情況

這種方式當(dāng)然有一些弊端，如果數(shù)據(jù)不是取出來立馬就要用，可以用，當(dāng)然還有更好的異步處理方法。

原生js設(shè)置并獲取全局變量

原生JS設(shè)置并獲取全局變量，干貨版。

一共有且只有以下五種方式

1.通過window對象設(shè)置和獲取全局變量

通過window對象設(shè)置和獲取全局變量。window對象是所有全局變量的擁有者，它是JavaScript的最頂層對象。我們可以通過window對象來設(shè)置和獲取全局變量。

例如：

// 設(shè)置全局變量
window.myGlobalVariable = "Hello World!";

// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"

2.使用ES6新增的let命令聲明全局變量

let命令聲明的全局變量是全局對象的屬性，它會變成全局對象的屬性，可以在任何地方被訪問到，而且不會因為函數(shù)作用域或塊級作用域而改變。

例如：

// 使用let聲明全局變量
let myGlobalVariable = "Hello World!";

// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"

3.使用ES6新增的const命令聲明全局變量

const命令聲明的全局變量同樣是全局對象的屬性，它會變成全局對象的屬性，可以在任何地方被訪問到，而且不會因為函數(shù)作用域或塊級作用域而改變。

此外，使用const聲明的全局變量一旦被聲明，在全局范圍內(nèi)都是不可變的，不能再次被重新賦值。

例如：

// 使用const聲明全局變量
const myGlobalVariable = "Hello World!";

// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"

4.使用Object對象設(shè)置和獲取全局變量

Object對象是JavaScript中的一個內(nèi)置對象，它可以用來訪問全局變量。我們可以在Object對象上新增一個屬性，然后通過該屬性就可以訪問到該變量。

例如：

// 使用Object對象設(shè)置全局變量
Object.myGlobalVariable = "Hello World!";

// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"

5.使用Function構(gòu)造函數(shù)設(shè)置和獲取全局變量

Function構(gòu)造函數(shù)是JavaScript中的一個內(nèi)置函數(shù)，它可以用來創(chuàng)建新的函數(shù)，也可以用來訪問全局變量。

我們可以使用Function構(gòu)造函數(shù)創(chuàng)建一個函數(shù)，然后將全局變量作為該函數(shù)的參數(shù)傳遞進來，就可以訪問到該變量。

例如：

// 使用Function構(gòu)造函數(shù)設(shè)置全局變量
var myGlobalVariable = "Hello World!";
var getGlobalVariable = new Function("return myGlobalVariable;");

// 獲取全局變量
alert(getGlobalVariable()); // 輸出 "Hello World!"