哈, 我觉得这道题拿来做面试题不错

[fulvaz]

加班准备走...

在 twitter 上看到了个有意思的问题

我觉得如果有人说自己熟悉 es6 的话, 可以用这个来打脸

    let x = 0;
    async function test() {
        x += await 2;
        console.log(x)
    };
    test();
    x+=1;
    console.log(x);

这里输出了什么? 又是为什么呢?

答案:

https://www.youtube.com/watch?time_continue=278&v=bfxglBVSNDI

ps: 用这种题目做面试题估计又会被人说是造火箭吧. 我倒是觉得面试造火箭没啥错, 万一哪天在拧火箭的螺丝呢?

原文: https://twitter.com/jaffathecake/status/999269332889763840

[xqin]

不用 += 就可以得 1, 3
```
let x = 0;
async function test() {
x = (await 2) + x;
console.log(x)
};
test();
x+=1;
console.log(x);
```

youtube 那个朋友的问题, 换成
```
totalSize = (await getSize(file)) + totalSize
```
就可以解决.

把 await 放面.

[xqin]

另外这个问题, 本身并不是 await 引起的, 而是 赋值语句 计算值 是从左向右的这个过程产生的效果.

具体可参考这个:
https://twitter.com/KyleDavidE/status/999625457816555520

```
let val = 0;

function inc1(){
val++;
console.log(val);
return 2;
}

function inc2(){
val += inc1();
console.log(val);
}

inc2();
```

---

```
let val = 0;

function inc1(){
val++;
console.log(val);
return 2;
}

function inc2(){
val = inc1() + val;
console.log(val);
}

inc2();
```

[xqin]

再者这个问题和 es6 一毛钱关系都没有, 所以拿这个题来打脸, 并不是打的 es6 这个点, 而是 js 基础知识.

[murmur]

@xqin 那你用 es5 的语法来解释下为什么 x+=await 2 这句吧

let x = 0;
function test() {
x += 2;
console.log(x)
};
setTimeout(test, 0);
x+=1;
console.log(x);

这是 js 基础的理解版 1 和 3 的答案 也就是能考虑到 await 的 2 个阻塞 x 重新计算了
但是你从 es5 的哪一条能解释清楚 await2 阻塞了但是回来的时候 x 的值并没有重新计算

[murmur]

@xqin 没看到上面的回复 打扰了

[rabbbit]

这么理解对吗?

[byztl]

let 不是常量吗？

[0x11901]

第一感觉是 1，3
打开浏览器 console 试了下是 1、2

估计这就是我为什么讨厌 js 的原因

[Exin]

哎，倒在了 `+=` 上面