微信小程式之js檔案的外部引用實例

• 作為常見的專案開發習慣了，復用度高的程式碼都想提取出來，哪裡需要就進行傳參調用就可，初涉微信小程式的圈子裡，畢竟會受新的規範限制，在此整理一下簡單的外部公共js檔案的引用、使用。

使用方法

• 以個人開發專案中頁面跳躍的功能為例，簡化其中的程式碼，參考步驟如下：

①. 外部js文件的處理

• #針對於被引用的外部公共js文件，可自行定義需要的函數，重點在於，後面需要使用module.exports，進行方法的揭露才能被其他js 檔案使用

• 
  

##exports: 透過此屬性，可以對外共享本模組的私有變數與函數

#推薦參考文章： 微信小程式（模組化）
• 官方解釋請參考：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxs/01wxs-module.html

②. require 引用js檔案

在目前的js檔案中，使用

require()

 方法，正確傳入路徑文件

• <pre class='brush:php;toolbar:false;'>var common_js = require(&amp;#39;../../utils/common.js&amp;#39;)</pre>

  個人測試發現，對於外部檔案的引用，請盡量使用相對路徑
並且，

require()

方法的呼叫位置，不受限制，個人習慣在檔案頂端就開始引用而已.

##在js

業務邏輯處理的位置，進行外部方法的呼叫（注意是否需要相關參數的傳遞）

• #③.前端

  wxml
參考程式碼

在此提供一下，前端的簡單標籤使用，透過點擊下面的 標籤，可以執行js中的

bindFun()###方法#########

  <span bindtap="bindFun" data-url="favor/index">
    <image src="{{imgServer}}/dbfl.jpg"></image>我的  </span>

###相關推薦：#########有關外部引用的文章推薦7篇######

以上是微信小程式之js檔案的外部引用實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！