js賦值語句執(zhí)行，在有函數(shù)的情況下執(zhí)行順序究竟是怎樣的？

偶然看到這篇文章運(yùn)算數(shù)的求值順序，里面舉了三個(gè)例子說明“當(dāng)函數(shù)有副作用的時(shí)候，運(yùn)算數(shù)的求值順序不同會(huì)導(dǎo)致結(jié)果不同”

但是在運(yùn)算符優(yōu)先級(jí)表里面可以看到：
函數(shù)調(diào)用（19，從左到右）>加法（13，從左到右）>賦值（3，從右到左）

請(qǐng)問為什么存在順序問題？不是應(yīng)該先執(zhí)行函數(shù)調(diào)用，再執(zhí)行加法嗎？

文章中的例子如下：

代碼1

var a = 5;
function fun(){
    a = 10;
    return 20;
}
var b = a + fun();
console.log('a:', a);
console.log('b:', b);
// a: 10
// b: 25

代碼2

// 交換 a 和 fun 的位置
var a = 5;
function fun(){
    a = 10;
    return 20;
}
var b = fun() + a;
console.log('a:', a);
console.log('b:', b);
// a: 10
// b: 30

代碼3

// 讓 fun 接收參數(shù)
var a = 5;
function fun(a){
    a = 10;
    return 20;
}
var b = fun(a) + a;
console.log('a:', a);
console.log('b:', b);
// a: 5
// b: 25
// var b = a + fun(a); 也能得到一樣的結(jié)果

補(bǔ)充一下
從加法運(yùn)算符的結(jié)核性來說，是先確定左值再確定右值。
但與關(guān)于結(jié)核性的解釋是這樣的：結(jié)合性決定了擁有相同優(yōu)先級(jí)的運(yùn)算符的執(zhí)行順序。
所以應(yīng)該是先考慮優(yōu)先級(jí)，再考慮結(jié)核性吧？還是我的理解有誤？

不好意思，廢話太多了。重復(fù)一下我的問題：
請(qǐng)問為什么“代碼1”和“代碼2”存在順序問題？不是應(yīng)該先執(zhí)行函數(shù)調(diào)用，再執(zhí)行加法嗎？

回答

編輯回答

好難瘦

JS語法的順序跟其他的不一樣，并不是從上至下或者從左到右，而是從最簡(jiǎn)單的語句開始執(zhí)行

2018年9月7日 10:05

編輯回答

久不遇

可以參考 ECMAScript 5.1 規(guī)范：
英文版：http://www.ecma-international...

附錄D中有說明：

11.8.2，11.8.3，11.8.5：ECMAScript 總體上是以從左到右的順序解釋執(zhí)行，但是第 3 版規(guī)范中 > 和 <= 運(yùn)算符的描述語言導(dǎo)致了局部從右到左的順序。本規(guī)范已經(jīng)更正了這些運(yùn)算符，現(xiàn)在完全是從左到右的順序解釋執(zhí)行。然而，這個(gè)對(duì)順序的修改，如果在解釋執(zhí)行過程期間產(chǎn)生副作用，就有可能被觀察到。

ECMAScript 中所有代碼均為從左到右進(jìn)行執(zhí)行（評(píng)估順序 evaluation order），如果你的函數(shù)中有副作用時(shí)，例如問題中的代碼，則可以明確觀察到“從左到右”。

關(guān)于運(yùn)算符優(yōu)先級(jí)與評(píng)估順序的問題，stack overflow上有一個(gè)解釋的很好：
https://stackoverflow.com/que...

Mark Lutton的回答中提到的問題：
運(yùn)算符優(yōu)先級(jí)和評(píng)估順序是2個(gè)不同的概念，sqrt(9) + sqrt(16) * sqrt(25) 中乘法先運(yùn)行時(shí)錯(cuò)誤的，表達(dá)式總是從左到右運(yùn)行，只是遇到 * 運(yùn)算符時(shí)，會(huì)優(yōu)先結(jié)合。

所以上述問題中，不管 a + fun() 還是 fun() + a 都只代表 fun 和 () 先結(jié)合，而非先運(yùn)算。

在加法運(yùn)算時(shí)，會(huì)先確定左值，再確定右值。

所以，代碼1中，確定左值時(shí)，a=5，語句可以理解為 var b = 5 + fun(); 之后 fun() 運(yùn)算，a 變成了 10 ， return 20 ，所以 var b = 5 + 20 ; 但 a 在 fun() 運(yùn)算時(shí)已經(jīng)變成了 10 ， b 是 25 。

代碼2中，確定左值時(shí)，fun() return 20 ，a 變成了 10，之后確定右值，a 已經(jīng)是 10 了，所以相當(dāng)于 20 + 10 = 30

代碼3中，fun(a) 的參數(shù) a 和外部變量 a 并不是同一個(gè) a，參數(shù) a 是一個(gè)新的變量（參考 js call by value）， fun(a) + a 的右值 a 并不會(huì)被左邊的 fun(a) 影響，所以是： 20 + 5 / 5 + 20

2018年1月11日 19:02