微信小程序在js中导入第三方js或自己写的js，使用外部js中的function的两种方法 import和require的区别使用方法

Posted 2021-01-16 Angel挤一挤

如下 定义了一个外部js文件，其中有一个function

import lunaCommon from ‘../lunaCommon.js‘;

var ctx = wx.getStorageSync("ctx");
var filter = "/ms-code";

var apis = {
  //根据sc获取发货单
  "findDispatchBill": function (data, success) {
    var url = ctx + filter + "/dealer" + "/dispatch/getBySc"
    var method = "get";
    lunaCommon.send(url, method, data, success);
  },
}

export default function commonApi(apiName, data, success) {

  if (!ctx) {
    ctx = wx.getStorageSync("ctx");
  }

  //如果方法存在
  if (apiName && apis[apiName]) {
    apis[apiName].call(this, data, success);
  } else {
    console.log("无效的方法 [" + apiName + "] !");
  }

}

View Code

 

在其他地方另外一个js中使用这个js的方法1： 使用import【注意，如果使用import，那么被调用的js中一定要有一个export default function】

import billClient from ‘../../utils/luna-sdk/baseBillApi.js‘;

billClient("findDispatchBill", { sc: sc }, function (res) {
        if (res.success) {
          var obj = res.obj;
          console.log(obj);
        }
});

 

在其他另一个js中使用这个js的方法2：使用require

var a = require("../../utils/luna-sdk/baseBill.js");


a.default("findDispatchBill", { sc: sc }, function (res) {
        if (res.success) {
          var obj = res.obj;
          console.log(obj);
        }
      });