原生小程序--公用功能函數

在開發過程中，會有一些功能是多個頁面都需要用的，而且這些功能都是一模一樣的，有些頂多是個參數的變化，此時我們需要將其進行封裝成一個公用的函數，在需要用的時候直接調用。

common.js  我這裏簡單寫了兩個跳轉方式的封裝

var app = getApp()
let navigUrl = []
const navigatorUrl = function(url,time) {
	navigUrl.push(url)
	setTimeout(function(){
		var page = getCurrentPages()
		// let prepage = page[page.length - 1] //當前頁面
		console.log(page.length)
		if(page.length > 9){
			wx.redirectTo({
				url:url,
				success:(res)=>{
					console.log('redirectTo成功')
					console.log(res)
					console.log(navigUrl)
				},
				fail: (err) => {
					console.log('redirectTo失敗')
					console.log(err)
				}
			})
		}else{
			wx.navigateTo({
				url:url,
				events:{
					// 爲指定事件添加一個監聽器，獲取被打開頁面傳送到當前頁面的數據
					acceptDataFromOpenedPage: function(data) {
						console.log("監聽事件")
						console.log(data)
					},
				},
				success: (res) => {
					console.log('跳轉成功')
					var prepage = getCurrentPages().pop()
					
					console.log(navigUrl)
					// console.log(prepage.route)
				},
				fail:(err) =>{
					console.log("跳轉失敗")
					
					// url = prepage.route
					
				}
			})
		}
	
	},time)
	
}


const navigatoBackUrl = function (url){
	setTimeout(function (){
		console.log(navigUrl)
		let navLen = navigUrl.length-2
		if(url){
			wx.redirectTo({
				url:url
			})
		}else{
			wx.redirectTo({
				url:navigUrl[navLen],
				success:(res)=>{
					navigUrl.splice(navLen+1,1)
					console.log(navigUrl)
					return
				}
			})
		}
		
		
		
	},500)
}

module.exports =  {
	navigatorUrl,
	navigatoBackUrl
}

在需要用到這個功能的頁面引入,我通常使用require()

var navigUrl = require('../common/navigator/navigator.js') 


Page({

 goToPage(){
		
		let url = '../appiontmentItem/appiontmentItem'
		navigUrl.navigatorUrl(url,500)
  },
})

引進來只有直接 .xxx就能調用到對應的方法了