-
异步操作有哪些?
回调函数,事件监听,promise,ajax,async,setTimeout,Generator -
Promise是什么?
Promise是异步编程的一种解决方案。
从语法上讲,promise是一个对象,通过它可以获取异步操作的消息;
从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。
promise有三种状态:pending(等待态),fulfiled(成功态),rejected(失败态);状态一旦改变,就不会再变化。创造promise实例后,就会立即执行。
处理问题:
·回调地狱,代码难以维护,常常第一个的函数输出是第二个函数的输入这种现象;
·promise可以支持多个并发请求,获取并发请求中的数据;
·promise可以解决异步的问题,本身并不能说promise是异步的。
Promise是一个构造函数,自身有all,reject,resolve这几个方法,原型上有then,catch等方法。
Promise的构造函数接收一个参数:函数,并且这个函数需要传入两个参数:
resolve: 异步操作执行成功后的回调函数。
reject:异步操作执行失败后的回调函数。
then: 传递状态的方式来使得回调函数能够及时被调用。
catch: 指定reject的回调,或者在执行resolve时,如果抛出异常,并不会报错卡死js,而是会进到这个catch方法中。
all: 谁跑得慢,以谁为准执行回调。all接受一个数组参数,里面的值最终都会返回Promise对象。提供了并行执行异步操作的能力,并且在所有异步操作执行完成后才执行回调。
race: 谁跑的快,以谁为准执行回调。
- forEach(),map(),filter()的区别
forEach():
· 遍历数组,调用数组的每个元素,利用回调函数对数组进行操作,本质上等同于for循环;
· forEach会改变原数组。没有返回值;
· 不支持 continue 和 break;
· return只能跳出当前循环。
map():
· 遍历数组,调用数组的每个元素,利用回调函数对数组进行操作,与forEach类似;
· map是返回一个新数组,原数组不变,新数组的索引结构和原数组一致;
· map需要return返回值。
filter():
· 遍历数组,返回一个新数组(原数组的子集),回调函数用于逻辑判断;
· 回调函数为 true 则将当前元素添加到新数组中,false则跳过;
·不会改变原数组。
- 事件委托/事件代理
· 利用冒泡机制,将子元素的事件委托给父元素去监听(给父元素添加事件),当子元素触发事件时,事件冒泡到父级。如果希望指定的子元素才能触发事件,可以通过事件对象(event)获得事件源(target),然后通过条件判断是不是期望的子元素,如果是的话,执行事件,否则不执行事件。
· 事件委托的好处:
1.实现对未来元素事件的绑定;
2.减少事件绑定,提高性能。
标签:异步,函数,记录,前端,复习题,promise,事件,数组,回调 From: https://www.cnblogs.com/hechen-xuan/p/17112263.html