<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        微信小程序全局變量功能與用法詳解

        來源:懂視網 責編:小采 時間:2020-11-27 22:01:36
        文檔

        微信小程序全局變量功能與用法詳解

        微信小程序全局變量功能與用法詳解:本文實例講述了微信小程序全局變量功能與用法。分享給大家供大家參考,具體如下: 全局變量的作用 在微信小程序開發中,會遇到一個很實際的應用場景,就是一個變量會在多個頁面進行使用。 例如: 1. 在微信小程序開發中使用高德地圖的微信小程序開發,其中
        推薦度:
        導讀微信小程序全局變量功能與用法詳解:本文實例講述了微信小程序全局變量功能與用法。分享給大家供大家參考,具體如下: 全局變量的作用 在微信小程序開發中,會遇到一個很實際的應用場景,就是一個變量會在多個頁面進行使用。 例如: 1. 在微信小程序開發中使用高德地圖的微信小程序開發,其中

        例如:

        1. 在微信小程序開發中使用高德地圖的微信小程序開發,其中key值就需要在多個頁面使用;

        2. 在微信小程序開發電商平臺時同樣,比如客服電話,就需要在多個頁面使用。

        在以上兩種類似的場景中,開發者就需要使用全局變量,當然也有開發者說不能每個page頁面都定義一個?如果客服電話改變,如果客服要求采用他的高德key,這個時候只需要修改全局,就能進行整個小程序的修改,如果每個page一個變量,將會在修改中花費大量的時間做低效的工作。所以可以看出全局變量在這里的作用就是提高開發效率!

        如何定義全局變量

        方法一:用APP定義全局變量

        在app.js中的APP({})傳入對象中定義一個全局屬性globalData,作為保存全局變量的對象。

        示例代碼:

        聲明變量進行引入!

        // 引入高德地圖js
        const amap = require('./src/js/amap-wx.js');
        // 引入接口js
        const urlList = require('./src/js/config.js');
        // 引入wetoast插件js
        const { WeToast } = require('./src/wetoast/wetoast.js');
        // 全局變量高德地圖key
        const key = 'c290b7e016c85e8f279b2f80018c';
        // 全局變量服務電話
        const phone = '400-007-859';
        
        

        進行全局變量的賦值!

        App({
         globalData: {//全局變量
         amap: amap,
         key: key,
         phone: phone,
         urlList: urlList.urlList
         }
        })
        
        

        方法一全局變量的使用:

        //在page頁面引入app,同時聲明變量,獲得所需要的全局變量
        const app = getApp();
        const urlList = app.globalData.urlList;
        
        

        方法二:用引入js的方法定義全局變量

        在公用js文件夾中創建一個保存全局變量的js文件

        實例:我在公用文件夾src下的js文件夾中創建的三個保存全局變量的文件:base64.js、config.js、data.js

        這三個文件作用:

        1. base64.js保存背景圖標轉化的base64碼
        2. config.js保存request請求數據的路徑
        3. data.js 保存初次開發的模擬數據

        示例代碼:

        let basePath = 'https://xxxxx.com';
        let urlList = {
         goodsListUrl: basePath + '/goodsList',
         shopCartUrl: basePath + '/shopCart',
         ...
        }
        module.exports = {
         urlList: urlList
        }
        
        

        使用方法:

        // 引入接口js
        const urlList = require('./src/js/config.js');
        wx.request({
         url: urlList.urlList.goodsListUrl,
         data: {},
         success: res => {}
        })
        
        

        總結

        其實兩種方法都可以定義全局變量,那么在什么時候采用哪一種方法?我個人建議,在像高德地圖的key值這種只需要單獨定義的,可以采用方法一,方便、簡潔、不用單獨創建文件。在請求地址這種批量全局變量的定義時,采用方法二,有利于后期的查找和修改。兩種方法結合,更有利于開發!

        希望本文所述對大家微信小程序開發有所幫助。

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        微信小程序全局變量功能與用法詳解

        微信小程序全局變量功能與用法詳解:本文實例講述了微信小程序全局變量功能與用法。分享給大家供大家參考,具體如下: 全局變量的作用 在微信小程序開發中,會遇到一個很實際的應用場景,就是一個變量會在多個頁面進行使用。 例如: 1. 在微信小程序開發中使用高德地圖的微信小程序開發,其中
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲福利一区二区三区| 每天更新的免费av片在线观看| 亚洲一级毛片免费在线观看| 亚洲香蕉久久一区二区三区四区| 亚洲爆乳AAA无码专区| 黄色网页在线免费观看| 免费A级毛片无码专区| 在人线av无码免费高潮喷水| 国产gav成人免费播放视频| 浮力影院亚洲国产第一页| 中文字幕亚洲综合久久2| 亚洲av永久无码| 久久er国产精品免费观看2| 久久精品a一国产成人免费网站 | 久久久久久久久无码精品亚洲日韩 | 精品无码一级毛片免费视频观看 | 亚洲AV午夜成人片| 亚洲国产av美女网站| 国产精品免费一区二区三区| 精品女同一区二区三区免费站| 国产99视频免费精品是看6| 免费在线观看自拍性爱视频| 真人做人试看60分钟免费视频| 亚洲日韩小电影在线观看| 国产成人精品亚洲日本在线 | 波多野结衣中文一区二区免费| 亚洲AV永久无码精品成人| 久久成人a毛片免费观看网站| 亚洲国产精品不卡毛片a在线| 亚洲一级免费视频| 国产精品深夜福利免费观看 | 国产在线ts人妖免费视频| 精品国产污污免费网站入口在线 | 亚洲免费在线观看| 日本亚洲高清乱码中文在线观看| 亚洲天堂中文字幕在线| 立即播放免费毛片一级| 日韩在线看片免费人成视频播放 | 亚洲第一se情网站| 亚洲女初尝黑人巨高清| 男女免费观看在线爽爽爽视频|