前端面试题之手写promise

【前端面试题之手写promise】的更多相关文章

前端面试题之手写promise

前端面试题之Promise问题前言在我们日常开发中会遇到很多异步的情况,比如涉及到网络请求(ajax,axios等),定时器这些,对于这些异步操作我们如果需要拿到他们操作后的结果,就需要使用到回调函数.拿请求来说,如果我们需要拿到请求回来的数据我们就需要利用回调函数(见代码片段1),以下所有的请求都是使用jQuery的ajax模拟. 点击查看代码片段1 // 代码片段1 $.ajax({ url: 'url', type: 'post', data: { 参数1: 值1, 参数2: 值2…

前端面试题整理——手写AJAX

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>手写ajax</title> </head> <body> <script> const xhr = new XMLHttpRequest(); xhr.open('GET', '/api', false); xhr.on…

前端面试题整理——手写方法解析URL参数

//拆分字符串形式 function queryToObj() { const res = {} const search = location.search.substr(1);//去掉前面的"?" search.split('&').forEach(paramStr => { const arr = paramStr.split('=') const key = arr[0] const val = arr[1] res[key] = val }) return re…

前端面试题整理——手写简易jquery

class jQuery { constructor(selector) { const result = document.querySelectorAll(selector) console.log(result) const length = result.length for (let i = 0; i < length; i++) { this[i] = result[i] } this.length = length } get(index) { return this[index]…

前端面试题整理——手写bind函数

var arr = [1,2,3,4,5] console.log(arr.slice(1,4)) console.log(arr) Function.prototype.bind1 = function(){ // arguments是个列表不是数组,将参数拆解为数组 const args = Array.prototype.slice.call(arguments) // 获取this(数组第一项),shift方法是删除第一项返回第一项值 const t = args.shift() //…

前端面试题整理——手写flatern摊平数组

// flatern 是摊平数组 function flat(arr) { const isDeep = arr.some(item => item instanceof Array) if(!isDeep){ return arr } const result = Array.prototype.concat.apply([],arr) return flat(result) } const res = flat([1, 2, [3, 4], 5, [6, 7, [8, 9]]]) conso…

字节跳动-前端面试题 Multi Promise Order

字节跳动-前端面试题 Multi Promise Order Promise Order Async/Await async function async1 () { console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2 () { console.log('async2'); } console.log('script start'); setTimeout(…