微信小程序开发基础之六:js文件的引用export和import

js文件模块的定义和引用

- 定义

微信小程序在js文件中通过module.exports或者exports两者方法完成模块的定义和暴露接口

```javascript
// common.js
function sayHello(name){
    console.log("hello $(name) !")
}
function sayGoodbye(name){
    console.log("Goodbye $(name) !")
}
module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye
```

```javascript
//config.js
//对变量的定义和暴露接口
const config={
    api_base_url: "https://www.someweb.com/api"
}
export {config}
//或者
const config.exports={
    api_base_url: "https://www.someweb.com/api"
}
//对类的定义和暴露接口
class HomeModule {
    constructor(url) {
        this.url = url;
        }
    }
export { HomeModule }
```
  • 引用

  • import
    //引入变量
    import {config} from '../config.js'
    //或者
    var config = require('../config.js')
    
    //引入函数
    var common = require('../common.js')
    common.sayHello('steven')
    common.sayGoodbye('Bob')
    
    //引入类
    import { HomeModule } from "../config.js";
    var homeModule = new HomeModule(listUrl);  
    
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
微信小程序是一种基于微信平台的应用程序,它可以在微信客户端内直接运行,无需下载安装。小程序具有轻量、快速、便捷的特点,可以提供各种功能和服务,如在线购物、社交娱乐、生活服务等。 小程序开发使用的是前端技术,主要包括HTML、CSS和JavaScript。开发者可以使用微信提供的开发工具进行开发和调试,也可以使用第三方开发工具进行开发。小程序提供了丰富的API和组件,开发者可以根据自己的需求进行定制和扩展。 小程序具有以下特点: 1. 无需下载安装:用户可以直接在微信中打开小程序,无需下载和安装额外的应用程序。 2. 轻量快速:小程序的体积较小,加载速度快,用户可以快速访问和使用。 3. 便捷分享:用户可以通过微信分享小程序给好友或群组,方便快捷地推广和传播。 4. 丰富功能:小程序提供了丰富的API和组件,开发者可以实现各种功能和服务。 5. 支付能力:小程序支持微信支付,用户可以在小程序中完成支付操作。 小程序的开发流程一般包括以下几个步骤: 1. 注册开发者账号:开发者需要在微信开放平台注册一个开发者账号。 2. 创建小程序:在开放平台上创建一个小程序,并填写相关信息。 3. 开发和调试:使用微信提供的开发工具进行小程序的开发和调试。 4. 提交审核:开发完成后,将小程序提交审核,等待审核通过后即可发布上线。 5. 发布上线:审核通过后,开发者可以将小程序发布上线,供用户使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

steventian72

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值