回味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是异步的
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 198,030评论 5 464
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,198评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 144,995评论 0 327
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,973评论 1 268
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,869评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,766评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,967评论 3 388
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,599评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,886评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,901评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,728评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,504评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,967评论 3 302
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,128评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,445评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,018评论 2 343
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,224评论 2 339

推荐阅读更多精彩内容