回味JS(七)之异步

为什么JavaScript是单线程模型?

  • 不想让浏览器变得太复杂,因为多线程需要共享资源、且有可能修改彼此的运行结果,对于一种网页脚本语言来说,这就太复杂了

程序里面的任务分为哪两类?

同步任务(synchronous)和异步任务

  • 同步任务是那些没有被引擎挂起、在主线程上排队执行的任务。只有前一个任务执行完毕,才能执行后一个任务
  • 异步任务是那些被引擎放在一边,不进入主线程、而进入任务队列的任务。

有哪些方式可以实现异步操作?

  • 回调函数
  • 事件监听
  • 发布/订阅

setTimeout() 和 setInterval() 的区别?

  • setTimeout()是定时器,在多少毫秒之后执行一次。
  • setInterval()是计时器,指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行

setTimeout(f, 0) 会立即执行吗?

  • 不会
  • 必须要等到当前脚本的同步任务,全部处理完以后,才会执行setTimeout指定的回调函数f。也就是说,setTimeout(f, 0)会在下一轮事件循环一开始就执行。

Promise 实例具有哪三种状态?

  • 异步操作未完成(pending)
  • 异步操作成功(fulfilled)
  • 异步操作失败(rejected)

Promise的then里面不同回调函数有什么差别?

var f1 = new Promise(function(resolve) {
    console.log('f1');
    resolve();
})
function f2 () {
    console.log('f2');
}

<!--写法一-->
f1.then(function() {
    return f2();
})

<!--写法二-->
f1.then(function() {
    f2();
})

<!--写法三-->
f1.then(f2());

<!--写法四-->
f1.then(f2);

// 输出: 
f1
f2
  • 这四种写法都会输出同样的结果,
  • 如果在then后面再接着写一个then(f3),则会有不一样的效果

实验如下:

function f1() {
    return new Promise(function(resolve) {
        resolve('f1的结果');
    })
}
function f2 (param) {
    console.log('param: ', param);
    return 'f2的结果';
}

function f3(res) {
    console.log('res:', res);
}

// 写法一
// f1().then(function() {
//     return f2();
// }).then(f3);

// 写法二
// f1().then(function() {
//     f2();
// }).then(f3);

// 写法三
// f1().then(f2()).then(f3);

// 写法四
f1().then(f2).then(f3);
  • 看一下输出结果:
// 写法一
param:  undefined
res: f2的结果

// 写法二
param:  undefined
res: undefined

// 写法三
param:  undefined
res: f1的结果

// 写法四
param:  f1的结果
res: f2的结果

可以看到,

  • 写法一的f3回调函数的参数,是f2函数的运行结果;
  • 写法二的f2和f3回调函数的参数是undefined;
  • 写法三的f3回调函数的参数,是f1函数返回的函数的运行结果,而f2没有接受到参数;
  • 写法四中f2会接收到f1()返回的结果,f3接受到f2函数的运行结果。

经过查询MDN发现原因如下:

  • 如果忽略针对某个状态的回调函数参数,或者提供非函数 (nonfunction) 参数,那么 then 方法将会丢失关于该状态的回调函数信息,但是并不会产生错误。如果调用 then 的 Promise 的状态(fulfillment 或 rejection)发生改变,但是 then 中并没有关于这种状态的回调函数,那么 then 将创建一个没有经过回调函数处理的新 Promise 对象,这个新 Promise 只是简单地接受调用这个 then 的原 Promise 的终态作为它的终态
  • 如果then中的回调函数返回一个值,那么then返回的Promise将会成为接受状态,并且将返回的值作为接受状态的回调函数的参数值。
  • 如果then中的回调函数没有返回值,那么then返回的Promise将会成为接受状态,并且该接受状态的回调函数的参数值为 undefined。

为什么要用Promise做异步处理?

  • 解决回调地狱,代码难以维护, 常常第一个的函数的输出是第二个函数的输入这种现象
  • promise可以支持多个并发的请求,获取并发请求中的数据
  • 无论何时为 Promise 实例添加回调函数,该函数都能正确执行
  • 这个promise可以解决异步的问题,本身不能说promise是异步的
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容