如何在微信小程序中使用全局變量-創(chuàng)新互聯(lián)

如何在微信小程序中使用全局變量？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來，先為哈巴河等服務(wù)建站，哈巴河等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為哈巴河企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

全局變量的作用

在微信小程序開發(fā)中，會遇到一個很實際的應(yīng)用場景，就是一個變量會在多個頁面進(jìn)行使用。

例如：

1. 在微信小程序開發(fā)中使用高德地圖的微信小程序開發(fā)，其中key值就需要在多個頁面使用；

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

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

如何定義全局變量

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

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

示例代碼：

聲明變量進(jìn)行引入！

// 引入高德地圖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';
// 全局變量服務(wù)電話
const phone = '400-007-859';

進(jìn)行全局變量的賦值！

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

方法一全局變量的使用：

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

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

在公用js文件夾中創(chuàng)建一個保存全局變量的js文件

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

這三個文件作用：

1. base64.js保存背景圖標(biāo)轉(zhuǎn)化的base64碼
2. config.js保存request請求數(shù)據(jù)的路徑
3. data.js 保存初次開發(fā)的模擬數(shù)據(jù)

示例代碼：

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 => {}
})

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

當(dāng)前標(biāo)題：如何在微信小程序中使用全局變量-創(chuàng)新互聯(lián)
瀏覽地址：http://bm7419.com/article2/cdehoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站營銷、網(wǎng)站收錄、網(wǎng)頁設(shè)計公司、域名注冊、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)