Asincronismo en JavaScript en 5분
JavaScript에는 새로운 개념을, 개념에는 새로운 개념을 추가했습니다.
Síncrono，Asíncrono，Parallesmo y Concurrente
영화 속의 콜라, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 커피, 영화 속의 활동, 그리고 영화 속의 인물 이미지를 상상해 보세요.
금령에서, 우리는 미래의 매체를 위한 준비를 포함하여 식당에서 다양한 준비를 했다.금수 중에 모두 어떤 활동에도 참가하지 않았다.
이러한 측면에서 우리는 제3세계에서 공통된 합작 파트너 관계를 구축할 필요가 있다. 이것은 공통된 합작 파트너 관계, 공통된 합작 파트너 관계, 공통된 합작 파트너 관계이다.
JavaScript는 incrono 및 Concurrente로 사용됩니다.
JavaScript는 지속적인 프로그래밍 언어로 동시에 사용할 수 있으며 JavaScript를 단독으로 사용할 필요가 없습니다. MediaTamente에서 개념적인 conocido는 JavaScript가 실현할 수 없는 언어라는 것을 상징합니다. 이것은 대체할 수 없는 도구입니다.프로젝트의 권력을 하향 조정하는 것은 어려운 임무이자 어려운 임무이다.
이 충돌에서 누가 단독 조별리그에서 이길 수 있습니까?Esto es gracias a la manera en que fue dise ado e implementado el-JavaScript가 실행될 때 través del Event 순환, 호출 스택, 콜백 및 작업 대기열이것은 독립우편The Javascript Runtime에 관한 문장으로 작가는 중요한 인물이다.
아호라 비엔(Ahora bien), 엔티다모스 마스 소브레(entendamos más sobre tareas as mincronas en JavaScript)가 말했다.
이것은 아주 좋은 예이다. 그것은 아주 좋은 예이다.
JavaScript Propociona는 y Async/Await를 약속하는 Asincronismo utilizando 콜백을 여러 개 구현했습니다.
답전
파라메드론의 논증에서 유엔의 기능은 전면적인 기능이다. 이 기능은 파라메드론의 고급 기능을 칭찬한다.
function add(a,b){
return a + b;
}
function div(a,b){
return a / b;
}
//high-order function and callback
function calc(a,b,callback){
return callback(a,b);
}
console.log(calc(1,6,add));
console.log(calc(8,4,div));
document.getElementById("btn1").addEventListener("click", function() {
console.log("has pulsado el botón 1");
});
언약
유엔은 유엔의 목표, 특히 유엔의 경영권을 고려하겠다고 약속했다.이것은 개념적인 알고리즘으로 특수한 알고리즘, 연속적인 알고리즘, 미래의 알고리즘을 상상할 수 있다.미래의 순간과 미래에 생존과 실패의 기회를 제공하겠다는 결정적인 약속이다.
청부업자는 반드시 그 약속을 이행하여 그 의무를 이행해야 한다.이것은 문제를 해결하는 효과적인 방법으로 문제 해결의 허가 지표를 거절했다.
미스모의 말대로 우리는 미래의 한동안
const somethingWillHappen = () =>{
return new Promise((resolve,reject) =>{
if(true) {
resolve('ok!');
} else{
reject('whoops!');
}
});
};
somethingWillHappen()
.then(response => console.log(response))
.catch(err => console.error(err));
비동기식/대기
2017년 ES8 회의에서는 특히 허가증 소지자가 미루스 프루실mente에 대한 약속을 소개했고, 허가증 소지자는 미국 팔라블라스의 비동기/대기 예약 절차에 대해 상세하게 소개했다.사실 문법을 고려하면 debido a que En el fondo는 허가증을 실현할 필요가 없고 JavaScript에서 código as mincrono를 묘사할 수 있다. 이것은 간단한 códigos mincrono의 전략이다.
La palabra clave async se coloca previamente a una función,para definirla como una función asíncrona o async function.이것은 더욱 명확한 기능으로 궁전에서 효용을 발휘하여 사람들이 오기를 기다릴 수 있다.마지막으로 허가증의 서명을 기다리고 프로젝트에서 실현한다.
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved');
}, 2000);
});
}
async function asyncCall() {
console.log('calling');
const result = await resolveAfter2Seconds();
console.log(result);
}
//Main
console.log('another instruction 1');
asyncCall();
console.log('another instruction 2');
Ejempo-Rick 및 Morty API
이것은 아주 좋은 예이다. 그것은 아주 좋은 예이다.이곳의 정보는 릭과 모티가 각각 대표하는 인물, 차원과 장소를 가리킨다.
소규모 공장의 수요를 충족시키기 위해 API 영사관의 요구를 충족시키는 공장도 필요하다.
Obtener todos los personajes
GET https://rickandmortyapi.com/api/character
Obtener un personaje
GET https://rickandmortyapi.com/api/character/{id}
Obtener ubicación
GET https://rickandmortyapi.com/api/location/{id}
https://rickandmortyapi.com/ Implementación con 콜백
let XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
function fetchData(url_api, callback){
let xhttp = new XMLHttpRequest(); // Connection
xhttp.open('GET', url_api, true); // HttpVerb, url, sync
xhttp.onreadystatechange = (event) => { // Call validation
if(xhttp.readyState === 4){ // Verify completed request
if(xhttp.status === 200){ // verify status code 200
callback(null, JSON.parse(xhttp.responseText)); // Execute callback and send error and response parameters
} else {
let error = new Error('Error: ' + url_api);
return callback(error, null); // Send error
}
}
}
xhttp.send();
}
let API = 'https://rickandmortyapi.com/api/character/';
fetchData(API, (error1, data1) => {
if(error1) return console.error(error1);
fetchData(API + data1.results[0].id, (error2, data2) => {
if(error2) return console.error(error2);
fetchData(data2.origin.url, (error3, data3) => {
if(error3) return console.error(error3);
console.log(data1.info.count);
console.log(data2.name);
console.log(data3.dimension);
});
});
});
약속을 실천하다
let XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
const fetchData = (url_api) => {
return new Promise((resolve, reject) => {
const xhttp = new XMLHttpRequest(); // Connection
xhttp.open('GET', url_api, true); // HttpVerb, url, sync
xhttp.onreadystatechange = (() => { // Call validation
if(xhttp.readyState === 4){ // Verify Completed Request
(xhttp.status === 200) // Verify Status Code 200
? resolve(JSON.parse(xhttp.responseText)) // Send Response
: reject( new Error('Error', url_api)) // Send Error
}
});
xhttp.send();
});
}
let API = 'https://rickandmortyapi.com/api/character/';
fetchData(API)
.then(data=>{
console.log(data.info.count);
return fetchData(`${API}${data.results[0].id}`)
})
.then(data=>{
console.log(data.name);
return fetchData(data.origin.url)
})
.then(data=>{
console.log(data.dimension);
})
.catch(err => console.error(err));
Implementación con Async/Await
let XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
const fetchData = (url_api) => {
return new Promise((resolve, reject) => {
const xhttp = new XMLHttpRequest(); // Connection
xhttp.open('GET', url_api, true); // HttpVerb, url, sync
xhttp.onreadystatechange = (() => { // Call validation
if(xhttp.readyState === 4){ // Verify Completed Request
(xhttp.status === 200) // Verify Status Code 200
? resolve(JSON.parse(xhttp.responseText)) // Send Response
: reject( new Error('Error', url_api)) // Send Error
}
});
xhttp.send();
});
}
const API = 'https://rickandmortyapi.com/api/character/';
const rickAsyncData = async (url_api) =>{
try{
const data = await fetchData(url_api);
const character = await fetchData(`${API}/${data.results[0].id}`);
const origin = await fetchData(character.origin.url);
console.log(data.info.count);
console.log(character.name);
console.log(origin.dimension);
} catch(err){
console.error(err);
}
}
rickAsyncData(API);
Reference
이 문제에 관하여(Asincronismo en JavaScript en 5분), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/gonzalohk/asincronismo-en-javascript-en-5-minutos-3290텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
