자바스크립트 callback 예제

지금까지 익명 함수를 다른 함수 나 메서드에 매개 변수로 전달했습니다. 이제 보다 구체적인 예제를 살펴보고 자체 콜백 함수를 만들기 전에 콜백이 어떻게 작동하는지 이해할 수 있습니다. 콜백의 매개 변수가 함수 호출에 지정되지 않았지만 배열의 값을 얻는 “eachName, index”라고 언급 한 예제에서 어떻게 작동하는지 이해하고 싶습니다. 함수에 전달 되는 함수이름을 두 콜백합니다. 더 복잡하게 말하자면 자바 스크립트에서 함수는 개체입니다. 따라서 함수는 함수를 인수로 사용할 수 있으며 다른 함수에서 반환할 수 있습니다. 이 작업을 수행하는 함수를 상위 차수 함수라고 합니다. 인수로 전달되는 모든 함수를 콜백 함수라고 합니다. “콜백은 세 가지 인수로 호출됩니다: 요소 값 – 요소 인덱스 – 트래버스되는 배열 ” 쉬운 예제를 통해 단 6분 만에 콜백의 기본을 배우고 이해합니다.

자바 스크립트 및 node.js에 사용되는 콜백을 이해하는 데 어려움을 발견했습니다. 멋진 튜토리얼 많은 감사. 함수 fun (firstParam,callback){ var funVariable = 10; 콜백 (); } 함수 테스트() { this.clientData = { 전체 이름: “설정되지 않음”, setUserName: 함수 (이름, 성) { this.fullName = 이름 + ” + 성; }, getUserInput2 : 기능 (이름, 이름, 성, 콜백) { 콜백 (이름, 성 이름); }; this.getUserInput1 = 기능 (이름, 성, 콜백, obj) { callback.apply (obj,[이름,성이름]); //callback (이름, 성 이름); }; } var 테스트 = 새 테스트(); var 사용자 입력 = 새 test.getUserInput1(“Barack1”, “오바마1”, test.clientData.setUserName, Test.clientData); console.log(`test.clientData.fullName: ` + test.clientData.fullName); 콘솔.log를 설정하지 않음(`window.fullName : ` + window.fullName); Barack1 오바마1 test.clientData.getUserInput2 (“버락2”, “오바마2”, test.clientData.setUserName); console.log(`test.clientData.fullName: ` + test.clientData.fullName); 콘솔.log를 설정하지 않음(`window.fullName : ` + window.fullName); Barack2 Obama2 내부에서 함수를 사용하기 위해 다른 함수에 함수를 전달하는 이 방법은 거의 모든 곳에서 JavaScript 라이브러리에서 사용됩니다. 그리고 포함 함수는 함수 정의로 해당 매개 변수에 콜백 함수를 가지고 있기 때문에 언제든지 콜백을 실행할 수 있습니다. 기본 자바 스크립트에서 콜백 함수의 이 다른 고전적인 예에 반추 : 자바 스크립트 콜백 기능은 사용하기 훌륭하고 강력하며 웹 응용 프로그램 및 코드에 큰 이점을 제공합니다. 필요할 때 사용해야 합니다. 콜백 함수를 사용하여 추상화, 유지 관리 가능성 및 가독성에 대한 코드를 리팩터링하는 방법을 찾습니다.