찾다
위챗 애플릿미니 프로그램 개발WeChat 애플릿 개발에서 var that =this의 기본 사용법

WeChat 애플릿 개발에서 var that =this의 기본 사용법

Jun 19, 2020 am 10:39 AM
css3html5javascript프런트 엔드미니 프로그램

WeChat 애플릿 개발에서는 var that =this라는 문이 매우 일반적입니다. 예를 들어 코드는 다음과 같습니다!

샘플 코드 1

1  //index.js  
2  Page({  
3   
4   data: {  
5    toastHidden: true,  
6   },  
7   
8   loadData: function () {  
9      var that = this//这里声明了that;将this存在that里面  
10     wx.request({  
11       url: 'test.php',  
12       data: {a: 'a', b: 'b'},  
13       header: {  
14        'content-type': 'application/json'  
15       },  
16       success(res) {  
17           that.setData({ toastHidden: false }) //这里使用了that,这样就可以获取Page({})对象  
18        },  
19      })  
20    }  
21  
22  })

은 코드 9행에서 =this를 17행에서 사용하는 var를 선언합니다.

var that =this를 선언하지 않고 that을 this로 변경하면 코드는 다음과 같습니다!
샘플코드 2

1  //index.js  
2   Page({  
3  
4    data: {  
5     toastHidden: true,  
6   },  
7  
8    loadData: function () {  
9      wx.request({  
10      url: 'test.php',  
11      data: {a: 'a', b: 'b'},  
12      header: {  
13       'content-type': 'application/json'  
14      },  
15      success(res) {  
16        this.setData({ toastHidden: false })  
17       },  
18      })  
19   }  
20  
21  })

이때 코드를 실행하면 아래와 같은 에러가 보고됩니다!
WeChat 애플릿 개발에서 var that =this의 기본 사용법

오류 보고서를 통해 setData 속성을 읽을 수 없다는 것을 알게 되었습니다. 왜 읽을 수 없나요? 이는 이 키워드의 범위와 관련이 있습니다!

이 범위 분석:

1. Page({})에서 this 키워드는 전체 Page({}) 개체를 참조합니다

2. 따라서 Page({}는 this를 통해 액세스하거나 재설정할 수 있습니다. 키워드 }) 데이터 변수

3. 그러나 wx.request({}) API 메서드는 loadData 함수에 사용되므로 wx.request({})에서 이를 사용하여 Page( {}) object

4. 이것을 사용하여 wx.request({})에서 Page({}) 객체를 얻을 수는 없지만 먼저 wx.request({}) 외부 변수에 저장할 수 있습니다. var that =this 문이 있습니다. 현재 이는 Page({})의 전체 객체를 참조하므로 wx.request({})에서 이를 사용하여 Page({})

의 데이터 변수에 액세스하거나 재설정할 수 있습니다. 권장 튜토리얼: " JS 튜토리얼

위 내용은 WeChat 애플릿 개발에서 var that =this의 기본 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
이 기사는 segmentfault에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는