let p1 = new Promise(function (resolve, reject) { setTimeout(function () { const n = Math.random() if (n > 0.5){ resolve(1) }else { reject(0) } },3000); }) let p2 = new Promise(function (resolve, reject) { setTimeout(function () { resolve(p1); console.log('*') },1000); }).then((data) => { console.log('resolve执行成功') console.log(data) }, (error) => { console.log('resolve执行失败') console.log(error) }) </script>

这段代码创建了两个 Promise 对象，p1 和 p2。当 p1 执行时，它会在 3 秒后生成一个随机数 n，如果 n 大于 0.5，则调用 resolve(1)，否则调用 reject(0)。p2 会在 1 秒后执行，并且通过 resolve 调用传递了 p1 对象。

在 then() 方法中，我们定义了两个回调函数，一个用于处理成功的情况，一个用于处理失败的情况。如果 p1 的状态变为 resolved，成功的回调函数将被调用，并打印出 "resolve执行成功" 和 p1 对象。如果 p1 的状态变为 rejected，失败的回调函数将被调用，并打印出 "resolve执行失败" 和错误信息。

请注意，这段代码中的最后一行 "</script>" 是多余的，你可能需要将其删除。

相关问题

// 参数为Promise对象 let p1 = new Promise(function (resolve, reject) { setTimeout(function () { const n = Math.random() if (n > 0.5){ resolve(1) }else { reject(0) } },3000); }) let p2 = new Promise(function (resolve, reject) { setTimeout(function () { resolve(p1); // 当p1的状态变为fulfilled或rejected时，resolve才会执行 console.log('*') },1000); }).then((data) => { // then执行的回调函数是由p1决定的，而不是p2 console.log('resolve执行成功') console.log(data) }, (error) => { console.log('resolve执行失败') console.log(error) })

这段代码创建了两个 Promise 对象：p1 和 p2。p1 在 3 秒后会随机生成一个大于 0.5 的数，如果大于 0.5，则会调用 resolve 方法将状态变为 fulfilled，并传递参数 1，否则会调用 reject 方法将状态变为 rejected，并传递参数 0。

p2 在 1 秒后会调用 resolve 方法，将状态变为 fulfilled，并传递 p1 对象作为参数。然后通过链式调用 then 方法来处理 p2 的 fulfilled 状态。如果 p1 的状态变为 fulfilled，则会执行第一个回调函数，输出 'resolve执行成功' 和 p1 的值。如果 p1 的状态变为 rejected，则会执行第二个回调函数，输出 'resolve执行失败' 和 p1 的错误信息。

请注意，then 方法执行的回调函数是由 p1 决定的，而不是 p2。

const SIZE = 120 const ratio = Math.max(imgInfo.width / SIZE, imgInfo.height / SIZE, 1) const smallWidth = Math.trunc(imgInfo.width / ratio) const smallHeight = Math.trunc(imgInfo.height / ratio) // 将宽高大小设置到页面的canvas元素(checkCanvas)上 this.smallWidth = smallWidth this.smallHeight = smallHeight const ctx = wx.createCanvasContext('checkCanvas') ctx.drawImage(imgInfo.path, 0, 0, smallWidth, smallHeight) ctx.draw(false, function () { setTimeout(() => { wx.canvasToTempFilePath({ canvasId: 'checkCanvas', width: smallWidth, height: smallHeight, destWidth: smallWidth, destHeight: smallHeight, success: (res) => { resolve(res.tempFilePath) }, fail: (e) => { reject(e) } }) }, 100) })上面这段代码是在另外一个页面，怎么去调用这个代码？

要在一个页面中调用另一个页面的代码，可以通过以下步骤实现：

1. 在需要调用代码的页面中，使用`wx.navigateTo`函数跳转到目标页面，例如：

   wx.navigateTo({
     url: '/pages/target-page/target-page'
   })

这里假设需要调用的代码位于`/pages/target-page/target-page`页面中。

2. 在目标页面的js文件中，将需要调用的代码封装成一个函数，并将该函数暴露出来，例如：

   function drawImage(imgInfo) {
     const SIZE = 120
     const ratio = Math.max(imgInfo.width / SIZE, imgInfo.height / SIZE, 1)
     const smallWidth = Math.trunc(imgInfo.width / ratio)
     const smallHeight = Math.trunc(imgInfo.height / ratio)

     const ctx = wx.createCanvasContext('checkCanvas')
     ctx.drawImage(imgInfo.path, 0, 0, smallWidth, smallHeight)
     ctx.draw(false, function () {
       setTimeout(() => {
         wx.canvasToTempFilePath({
           canvasId: 'checkCanvas',
           width: smallWidth,
           height: smallHeight,
           destWidth: smallWidth,
           destHeight: smallHeight,
           success: (res) => {
             resolve(res.tempFilePath)
           },
           fail: (e) => {
             reject(e)
           }
         })
       }, 100)
     })
   }

   module.exports = {
     drawImage: drawImage
   }

这里将需要调用的代码封装成了一个名为`drawImage`的函数，并将该函数通过`module.exports`暴露出来，以便其他页面可以调用。

3. 在需要调用代码的页面中，使用`require`函数引入目标页面的js文件，并调用该文件中的函数，例如：

   const targetPage = require('../../pages/target-page/target-page')
   const imgInfo = { path: '/path/to/image.jpg', width: 500, height: 500 } // 假设需要传递给目标函数的参数为imgInfo
   targetPage.drawImage(imgInfo)

这里使用`require`函数引入了目标页面的js文件，并调用了该文件中的`drawImage`函数，传递了一个名为`imgInfo`的参数。

注意：在调用该函数之前，需要确保该函数已经被定义，并且需要传递正确的参数。