웹사이트 검색
자바스크립트 - 비동기 메서드를 사용하여 객체 체이닝 가능하게 유지하기
제가 10~20개의 메서드를 가진 Test 클래스가 있다고 가정해 봅시다. 이 메서드들은 모두 체이닝이 가능합니다.
다른 방법으로, 저는 해야 할 비동기 작업이 있습니다.
let test = new Test(); console.log(test.something()); // Test console.log(test.asynch()); // undefined since the async code isn't done yet console.log(test.asynch().something()); // ERROR > My goal i 더 많은 것을 읽으십시오 →자바스크립트 - Jest에서 비동기 코드 테스트: 기대한 대로 done()이 호출되지 않음
여기 Jest(v20.0.4)로 작성된 테스트 스위트가 있습니다.
처음 세 테스트는 예상된 동작이며, 제 질문은 Test4와 관련이 있습니다.
test('Test1: the list should contain 7', () => { const data = [1, 2, 7, 9]; expect(data).toContain(7); }); // > Passes as expected test('Test2: t 더 많은 것을 읽으십시오 →자바스크립트 - 중첩된 비동기 화살표 함수 루프에서 배열 데이터가 사라짐
이 스레드는 동기와 비동기의 차이와 가능한 해결책을 자세히 설명하지만, 저는 이미 그 해결책 중 하나를 사용 중임에도 불구하고 여전히 오류가 발생하고 있습니다. 여기서 제 ES 이해 한계에 도달한 것 같아서, 이 문제가 왜 발생하는지 정말 이해가 되지 않기 때문에 도움을 절실히 필요로 합니다. 아래는 제가 nuxt 프로젝트에서 사용 중인 코드 스니펫이지만, 이와는 아무 관련이 없습니다. 왜냐하면 이 스니펫을 백엔드인 express에서 가져왔기 때문입니다.
async fetch({store, error}) { let series = '', courses = [], album = {} store.state.courses.forEach(async course => { album = {...course} series = course.uri.split('/')[2] 더 많은 것을 읽으십시오 →자바스크립트 - 리액트 훅 비동기 최선의 방법
이제 useEffect를 사용하면, Hooks가 있는 React 컴포넌트에서 componentDidMount를 대신할 수 있습니다.
시나리오 "서버에 대한 초기 고유 호출":
이를 수행하기 위해, useEffect에서 useEffect의 두 번째 인자인 DependencyList는 매번 빈 배열이어야 합니다. 그렇지 않으면 애플리케이션이 모든 상태 변경마다 서버에 fetch 호출을 보냅니다.
즉, 이것이 getData를 얻는 최선의 방법이라는 뜻입니다
useEffect(() 더 많은 것을 읽으십시오 →재귀 - 자바스크립트에서 재귀 비동기 함수가 ?를 초래하는 이유
다음 코드 조각을 고려해보세요:
function f() { return new Promise((resolve, reject) => { f().then(() => { resolve(); }); }); } f();이렇게도 쓸 수 있습니다:
async function f() { return await f(); } f();주어진 두 코드 중 어느
더 많은 것을 읽으십시오 →자바스크립트 - setState는 비동기이므로, 콜백 큐를 통해 실행되나요?
저는 React가 처음이고 setState가 내부적으로 어떻게 작동하는지 배우고 있었습니다. 그래서 이에 대해 몇 가지 질문을 하고 싶습니다. 첫째, setState는 항상 비동기적인가요? 만약 그렇지 않다면 일반적으로 어떤 상황에서 동기식으로 동작하나요? 둘째, setState에서 비동기 처리가 어떻게 발생하는지, 웹 API를 통해 실행되고 나서 콜백 큐로 넘어가는 방식인가요? 여러분, 이해가 안 되는 부분이 있다면 알려주세요. 정말로 여러분의 도움이 필요합니다.
더 많은 것을 읽으십시오 →비동기 - 자바스크립트 - 콜백을 사용하지 않고 함수에서 반환하기 전에 비동기 호출이 끝날 때까지 대기
먼저 말씀드리자면, 저는 이 주제에 관한 스택오버플로우 질문들을 많이 보았지만, 이 특정한 경우를 해결할 수 있는 해결책을 담고 있는 질문은 없었기 때문에 정확히 '중복'이라고 할 수 있는 것은 찾지 못했습니다.
저는 주로 '비동기 호출에서 응답을 어떻게 반환합니까?'와 'async/await가 있는 약속(Promises with async/await)' 섹션을 살펴보았는데, 이 섹션은 비동기 함수 안에서 작동하겠지만, 제가 작업 중인 함수는 비동기
더 많은 것을 읽으십시오 →javascript - Firebase auth().signInWithEmailAndPassword를 try-catch async-await로 사용할 때 처리되지 않은 오류
Firebase 인증을 위한 로그인 폼 작업 중입니다.
제가 async await:로 할 때:
async function doLogin(email,password) { setLoading(true); try { const userCredential = await firebase.auth().signInWithEmailAndPassword(email, password); console.log(userCredential); } catch(err) { console.log(err); } }위 코드에서 로그인 오류가 발생하면 두 개의 중복된 오류 메시지가 기록되며, 그 중 하나는 uncaught입니다. 그리고 uncaught 오류는 auth.esm.js:67
더 많은 것을 읽으십시오 →javascript - React Hook Form - Controller - React AsyncSelect - Lodash Debounce | loadOptions 표시 실패
React 훅이 lodash의 debounce를 사용할 때 AsyncSelect의 loadingOptions에서 옵션을 표시하지 않습니다.
여기에 코드가 있습니다.
const NoteFormMaster = ({ register, control, errors }) => { const getAsyncOptions = (inputText) => { return axios .get(`/v1 더 많은 것을 읽으십시오 →자바스크립트 - OpenX 비동기 태그
우리 모두는 사이트를 더 빠르게 만들고 싶어합니다. 구글이 몇 가지 예제를 여기 보여주었습니다: http://code.google.com/speed/articles/html5-performance.html
우리는 광고를 제공하기 위해 OpenX를 사용하므로, 브라우저가 지원한다고 가정하면(FF3.6 이상), OpenX 광고 태그를 다음과 같이 수정할 수 있다고 생각합니다:
<script type='text/javascript'> ... ad codes </script>안으로
<script type='text/javascript' async> ... ad codes </script>그게 일을 처리할 수 있을까요? 스크립트를 비동기적으로 로드하는 더 나은 방법이 있을까요?
더 많은 것을 읽으십시오 →