이번에는 WeChat Mini Program API with Promise를 운영하는 방법과 WeChat Mini Program API with Promise를 운영하는 방법에 대한 주의사항이 무엇인지 알려드리겠습니다.
약속의 이유
위챗 미니 프로그램의 API는 객체 매개변수 콜백 모드를 사용하는데, 이로 인해 콜백 지옥이 쉽게 발생하고 코드 읽기, 판단, 수정 및 디버그가 어려워집니다.
위챗 미니 프로그램 API. 예시
// 获取用户信息 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框 wx.getUserInfo({ success: res => { // 可以将 res 发送给后台解码出 unionId this.globalData.userInfo = res.userInfo } }) } } })
2개의 레이어가 있는 경우 코드가 매우 어색하다는 것을 알 수 있습니다
애플릿을 약속합니다
애플릿 API를 약속할 수 있는 공개 함수를 작성하세요
function promisify (method, options = {}) { return new Promise((resolve, reject) => { // 将options对象赋值 然后再传给下面调用的方法中 options.success = resolve options.fail = err => { reject(err) } wx[method](options) }) }
사용 예
The 전달된 추가 매개변수는 객체 Method 전달을 통해 분해됩니다
promisify('getUserInfo') .then((res) => console.log(res)) .catch((err) => {console.error(err)}) promisify('navigateTo', { url })
이 기사의 사례를 읽은 후 메소드를 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!
추천 자료:
실제 프로젝트에서 Vue2.0 라디오 선택을 상호 배타적으로 만드는 방법
위 내용은 약속을 통해 WeChat 애플릿 API를 운영하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!