小程序两个页面如何共用一个js文件

小程序的两个页面可以共用一个js文件，主要通过以下步骤实现：

首先，创建一个js文件，例如common.js，并在其中定义需要共用的函数或变量。

然后，在需要共用该js文件的页面中，使用`require`函数引入common.js文件。例如，在页面A的js文件中，可以使用如下代码引入common.js文件：

const common = require('路径/common.js');

接下来，就可以在页面中使用common.js文件中定义的函数或变量了。例如，可以通过`common.函数名`的方式调用common.js文件中的函数，或者通过`common.变量名`的方式使用common.js文件中的变量。

在页面切换时，由于common.js文件只被引入一次，所以可以在不同页面间共享数据和状态。需要注意的是，如果对共享的数据进行修改，需要手动更新数据的值。

通过上述步骤，就可以实现小程序两个页面共用一个js文件了。这样可以减少代码重复，提高代码的复用性和可维护性，同时也方便数据的共享与传递。

相关问题

请生成一个共享单车小程序代码，

好的，以下是一个简单的共享单车小程序代码：

//app.js
App({
  globalData: {
    userInfo: null,
    bikes: []
  },
  onLaunch: function () {
    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo
            }
          })
        }
      }
    })
  }
})

//index.js
const app = getApp()

Page({
  data: {
    latitude: 0,
    longitude: 0,
    markers: []
  },
  onLoad: function () {
    wx.getLocation({
      type: 'gcj02',
      success: (res) => {
        this.setData({
          latitude: res.latitude,
          longitude: res.longitude
        })
        this.getBikes()
      }
    })
  },
  getBikes: function () {
    let that = this
    wx.request({
      url: 'https://api.bikes.com/bikes',
      method: 'GET',
      success: function (res) {
        that.setData({
          bikes: res.data
        })
        that.renderMarkers()
      }
    })
  },
  renderMarkers: function () {
    let bikes = this.data.bikes
    let markers = []
    for (let i = 0; i < bikes.length; i++) {
      let bike = bikes[i]
      let marker = {
        id: bike.id,
        latitude: bike.latitude,
        longitude: bike.longitude,
        iconPath: '/images/bike.png'
      }
      markers.push(marker)
    }
    this.setData({
      markers: markers
    })
  }
})

//bike.js
Page({
  data: {
    bikeId: '',
    bike: {}
  },
  onLoad: function (options) {
    let bikeId = options.bikeId
    let bike = this.getBikeById(bikeId)
    this.setData({
      bikeId: bikeId,
      bike: bike
    })
  },
  getBikeById: function (bikeId) {
    let bikes = app.globalData.bikes
    for (let i = 0; i < bikes.length; i++) {
      let bike = bikes[i]
      if (bike.id === bikeId) {
        return bike
      }
    }
    return null
  },
  unlockBike: function () {
    wx.showModal({
      title: 'Are you sure?',
      content: 'Do you want to unlock this bike?',
      success: function (res) {
        if (res.confirm) {
          wx.showToast({
            title: 'Bike unlocked!',
            icon: 'success',
            duration: 2000
          })
        } else if (res.cancel) {
          console.log('User cancelled')
        }
      }
    })
  }
})

这个小程序包含了两个页面，一个是地图页面，用来展示共享单车的位置；另一个是单车页面，用来展示单车的详情，并提供解锁功能。这个小程序调用了一个假的共享单车 API，返回了一些假的单车数据。你可以根据实际需求修改这个小程序。

uniapp小程序 下个页面的参数 传到本页上

在app小程序中，可以通过以下两种方式将下个页面的参数传递到本页上：

1. 使用路由跳转时传递参数：
在跳转时，可以通过在url后面添加参数的方式传递数据。例如：

   // 跳转到下个页面并传递参数
   uni.navigateTo({
     url: '/pages/nextPage?param1=value1&param2=value2',
   });

然后在本页的onLoad方法中可以通过`options`参数获取传递过来的参数：

   onLoad(options) {
     console.log(options.param1); // 输出：value1
     console.log(options.param2); // 输出：value2
   }

2. 使用全局变量或Vuex进行数据共享：
在uniapp中，可以使用全局变量或Vuex来实现数据共享，从而在不同页面之间传递参数。例如，在App.vue文件中定义一个全局变量：

   // App.vue
   export default {
     globalData: {
       param1: '',
       param2: '',
     },
     // ...
   }

然后在下个页面中设置参数值：

   // 下个页面
   this.$parent.globalData.param1 = 'value1';
   this.$parent.globalData.param2 = 'value2';

在本页中即可访问这些全局变量：

   console.log(this.$parent.globalData.param1); // 输出：value1
   console.log(this.$parent.globalData.param2); // 输出：value2

注意，使用全局变量或Vuex进行数据共享时，请确保在页面之间的跳转时，数据已经被设置好，以避免出现未定义的情况。