封裝的分享方法
1 function share(o,isDebug = false ) { 2 //路徑 3 let url = o.url || getCurrentPages()[getCurrentPages().length - 1].route; 4 5 //當前路徑所帶引數 6 let urlParams = getCurrentPages()[getCurrentPages().length - 1].options; 7 8 isDebug&&console.log(`當前路徑所帶引數:${JSON.stringify(urlParams)}`) 9 10 //傳進來的引數 11 let params = o.params || {}; 12 13 isDebug&&console.log(`傳進來的引數:${JSON.stringify(params)}`) 14 15 //當前路徑所帶引數 合并 傳進來的引數 16 let mergeParams = Object.assign(urlParams, params); 17 18 isDebug&&console.log(`合并后的引數:${JSON.stringify(mergeParams)}`) 19 20 //最終引數 （根據是否合并（isMerge）決定最終路徑上傳遞的引數） 21 let resultParam = o.isMerge === true ? mergeParams : params; 22 23 //url與最終引數的結合路徑 24 let path = (() => { 25 let len = Object.keys(resultParam).length; 26 if (len) { 27 let res = "" 28 for (let k in resultParam) { 29 res += `&${k}=${resultParam[k]}` 30 } 31 return url + '?' + res.substring(1) 32 } else { 33 return url 34 } 35 })() 36 37 isDebug&&console.log(` 38 ----分享資訊確認---- 39 40 是否跳轉其他頁面：${!!o.url ? o.url : !!o.url} 41 42 是否設定分享顯示的圖片：${!!o.imgUrl ? o.imgUrl : !!o.imgUrl} 43 44 是否合并了引數：${!!o.isMerge} 45 46 分享的最終路徑：${path} 47 `) 48 49 return o.imgUrl ? { title: o.title, path, imageUrl: o.imgUrl } : { title: o.title, path } 50 }
引數說明：share方法接收兩個引數，第一個引數是一個物件，第二個引數是一個布林值，默認是 false，表示不開啟 debug，控制臺不列印你分享的資料資訊
第一個引數是一個物件表示你傳入的分享引數，包含以下：
- title ：分享的標題
- url：分享跳轉的鏈接地址
- imgUrl：分享的圖片路徑
- params：分享路徑需要引數的引數 （物件型別）
- isMerge：是否合并（當前路徑的引數和傳入的引數）默認 false 不合并
第二個引數是一個布林值，表示是否開啟控制臺 列印分享資料資訊，默認是 false 不列印，開發時建議設定為true，便于調式
個人總結，難免疏于BUG，請留言，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/160543.html
標籤：JavaScript
上一篇：JavaScript的坑，缺陷