<!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>萬(wàn)物皆有自己的軌道，遷躍需要能量</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è)置延時(shí)時(shí)間為40ms時(shí)，我用瀏覽器刷新，有時(shí)候有數(shù)據(jù)，有時(shí)候沒有數(shù)據(jù)

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

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

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

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

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

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

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

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

例如：

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

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

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

let命令聲明的全局變量是全局對(duì)象的屬性，它會(huì)變成全局對(duì)象的屬性，可以在任何地方被訪問(wèn)到，而且不會(huì)因?yàn)楹瘮?shù)作用域或塊級(jí)作用域而改變。

例如：

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

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

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

const命令聲明的全局變量同樣是全局對(duì)象的屬性，它會(huì)變成全局對(duì)象的屬性，可以在任何地方被訪問(wèn)到，而且不會(huì)因?yàn)楹瘮?shù)作用域或塊級(jí)作用域而改變。

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

例如：

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

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

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

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

例如：

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

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

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

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

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

例如：

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

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