小程序引入外部js文件

原创已于 2024-10-14 22:39:23 修改

· 5.1k 阅读

6 ·

版权

文章标签：

#微信小程序 #前端

于 2023-02-10 14:23:13 首次发布

小程序专栏收录该内容

3 篇文章

订阅专栏

文章介绍了两种在JavaScript中引入外部JS文件的方法：一是通过模块导出和导入，如在util.js中定义函数并使用import导入调用；二是使用require，如在common.js中定义函数后在页面中通过require调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

一、引入外部js文件
- 1. 方法一
- 2. 方法二

一、引入外部js文件

1. 方法一

util.js文件

function arrToStr(arr) {
  let str
  if (arr === null || arr.length === 0) {
    str = ''
  } else if ($.isArray(arr)) {
    str = arr.join(',')
  }
  return str
}
module.exports = {
  arrToStr
}

调用

import util from "@/utils/util";
content = util.arrToStr(content)

import {arrToStr} from "@/utils/util";
content = arrToStr(content)

2. 方法二

common.js文件

function sayHello(name) {
  console.log(`Hello ${name} !`)
}
function sayGoodbye(name) {
  console.log(`Goodbye ${name} !`)
}
module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye

调用

var common = require('common.js')
Page({
  helloMINA: function() {
    common.sayHello('MINA')
  },
  goodbyeMINA: function() {
    common.sayGoodbye('MINA')
  }
})