【黄啊码】微信小程序：Cannot read property ‘data‘ of undefined

 关注不迷路，或者加魏信ama_huangama一起探讨

  

   

    

     

    
    

     

      wx.showModal({
     
    
   

    

     

    
    

     

        title: '提示',
     
    
   

    

     

    
    

     

        content: '这是一个弹窗',
     
    
   

    

     

    
    

     

        success (res) {
     
    
   

    

     

    
    

     
    if (res.confirm) {
     
    
   

    

     

    
    

     
      this.data.messageId
     
    
   

    

     

    
    

     

          } else if (res.cancel) {
     
    
   

    

     

    
    

     

            console.log('用户点击取消')
     
    
   

    

     

    
    

     

          }
     
    
   

    

     

    
    

     

        }
     
    
   

    

     

    
    

     

      })
     
    
  
 

如果这么写，会遇到“Cannot read property 'data' of undefined ”的错误。、

箭头函数是ES6的写法，不同的写法，会导致“this”的指代层级不同，所以会找不到data属性。

  

   

    

     

    
    

     

      wx.showModal({
     
    
   

    

     

    
    

     
  title: '提示',
     
    
   

    

     

    
    

     
  content: '这是一个弹窗',
     
    
   

    

     

    
    

     

        success :(res)=> {
     
    
   

    

     

    
    

     
    if (res.confirm) {
     
    
   

    

     

    
    

     
      this.data.messageId
     
    
   

    

     

    
    

     

          } else if (res.cancel) {
     
    
   

    

     

    
    

     
      console.log('用户点击取消')
     
    
   

    

     

    
    

     

          }
     
    
   

    

     

    
    

     

        }
     
    
   

    

     

    
    

     

      })
     
    
  
 

当然，我们也可以用js的块状作用域变量 let that=this，然后用that代替this，比如that.data.messageId

至于什么是let，可参考我的另一篇：【黄啊码】关于es6中let和const的介绍_黄啊码-CSDN博客es是js的规范，而js是具体实现将es6转化为es5代码工具：运用的多的是babel在线转换地址：babel，traceur(属于谷歌)letlet和var很相似，用于声明一个变量。但是let声明的变量只存在块状作用域内。function order(x, y) { if (x > y) { // (A) let tmp = x; x = y; y = tmp; } console.log(tmp===x);https://markwcm.blog.csdn.net/article/details/120543823

文章来源: markwcm.blog.csdn.net，作者：黄啊码，版权归原作者所有，如需转载，请联系作者。

原文链接：markwcm.blog.csdn.net/article/details/120869735