Real--微信小程序开发之路（三）

由于前段时间比较忙，已经有半个多月没有更新文章了。最近微信小程序频繁更新，越来越开放，所以今天我们将继续探讨小程序。

在微信小程序开发之路（一）中讲到微信小程序的单向绑定以及使用setData()方法来更新View，这对于新手也算是个“坑”了，很容易出错。下面将继续分享我在开发小程序过程中所遇到的“坑”。

一、onLaunch方法只能在app.js中的App()中定义

这个其实熟悉文档的话就很好理解了，onLaunch方法只在小程序初始化完成时触发，全局只触发一次，所以在页面的Page()中写这玩意儿是无效的，当然也不会报错，这才导致新手容易犯错。

二、局部js文件若要调用app.js中的方法或获取其中的数据，可通过getApp()的方式来获取

首先需要强调的是，app.js虽然说可以定义全局方法或数据，但是在局部js文件中却无法直接调用。其次还需注意的是，在app.js中的全局方法必须要在App()中定义，否则无法在局部调用。简单举个栗子吧~~~

//app.js
App({
    b(){
        console.log("b");
    },
    globalData:{
        ccc: 'ccc'
    }
})

function a(){
    console.log('a');
}

//pages/test/test.js
var app = getApp();
Page({
  data:{},
  onLoad:function(options){
    // a();     // 报错
    // app.a();     // 报错
    app.b();     // b
    console.log(app.globalData.ccc);    // ccc
  }
})

其实这样也不难理解，我们通过getApp方法可以直接获取小程序实例，然后就能很开心的调用和获取App()中定义的方法和数据咯~~

三、若项目中需要使用登录接口wx.login()，在使用微信开发工具建项目时须填入AppID

// pages/test/test.js
var app = getApp();
Page({
  data:{},
  onLoad:function(options){
    console.log(JSON.stringify({aaa: 111}));   //  这个方法倒是可以传入普通的JS对象字面量，返回{"aaa":111}，这是个字符串
    console.log(JSON.parse('{"aaa": 111}'));     //  标准的JSON格式的字符串，返回{aaa: 111}，这是个对象
    // console.log(JSON.parse("{'aaa': 111}"));    //  报错
    // console.log(JSON.parse("{aaa: 111}"));      //  报错
  }
})