微信小程序开发基础之六: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);  
    

你可能感兴趣的:(微信小程序开发基础知识学习笔记)