Comments (5)
buttonA.onclick = function(){
get('/a', function(resTxt){
console.log(resTxt)
input.value = resTxt
})
}
buttonB.onclick = function(){
get('/b', function(resTxt){
console.log(resTxt)
input.value = resTxt
})
}
function get(url, callback){
if(!Array.isArray(get.xhrQueue)){
get.xhrQueue = []
}
var xhrQueue = get.xhrQueue
var xhr = new XMLHttpRequest()
xhrQueue.push(xhr)
xhr.opts = {}
xhr.onloadend = function(){
this.opts.finished = true
checkQueue()
}
xhr.opts.finished = false
xhr.opts.callback = callback
xhr.timeout = 1000*8
xhr.open('get', url, true)
xhr.send()
function checkQueue(){
var xhr = xhrQueue[0]
while(xhr && xhr.opts.finished){
if(xhr.status == 200 || xhr.status == 304){
xhr.opts.callback(xhr.responseText)
}
xhrQueue.shift()
xhr = xhrQueue[0]
}
}
}
from frontend-interview.
这个问题是不是也可以用Promise 解决
from frontend-interview.
不是应该把第二个的填充放到第一个填充函数的callback?(所以也可以promise?
from frontend-interview.
核心是队列的**
from frontend-interview.
es6伪代码, 忽略细节和错误处理
let input = findInputElement()
let aPromise
function onButtonAClick () {
aPromise = api.getA().then(text => input.value = text)
}
async function onButtonBClick () {
await aPromise
input.value = await api.getB()
}
from frontend-interview.
Related Issues (20)
- JS 作用域链相关问题 HOT 5
- JS 作用域、原型链 HOT 3
- 重复声明两个函数会怎样? HOT 4
- ES5中“严格模式”与“非严格模式”的区别? HOT 3
- 循环/闭包/setTimeout/Promise 综合 HOT 1
- 服务端如何区分不同的用户 HOT 4
- 使用ES6实现该方法 HOT 13
- dom操作相关 HOT 7
- 什么是FP?与OOP的关系?
- 为何会出现浏览器兼容性问题?如何解决? HOT 2
- 前端性能优化 HOT 2
- JavaScript 分组 HOT 13
- 自适应和响应式有什么区别和联系
- 如何实现深拷贝? HOT 1
- 两个js数组相关题目 HOT 7
- 面试题汇总
- jrg interview questions HOT 7
- 实现一个深拷贝 HOT 8
- 宏任务微任务题 HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from frontend-interview.