javascript 運(yùn)算數(shù)的求值順序
更新時(shí)間：2011年08月23日 22:53:05 作者：
請(qǐng)注意，這里說(shuō)的是運(yùn)算數(shù)的求值順序。而非運(yùn)算符，運(yùn)算符的求值順序我們比較熟悉。
比如
a * b + c;
，先算乘方，再算乘除，最后算加減
，有括號(hào)，先算括號(hào)里面的，同一級(jí)運(yùn)算按照從左到右的順序依次進(jìn)行
這一點(diǎn)所有的程序設(shè)計(jì)語(yǔ)言都采取數(shù)學(xué)中數(shù)字的計(jì)算順序。當(dāng)然程序設(shè)計(jì)語(yǔ)言中還有一些不同于數(shù)學(xué)中的運(yùn)算符。那運(yùn)算數(shù)的求值順序是如何的呢？
如下
// 求 a 和 b的和
sum = a + b;
，從內(nèi)存中取a的值
，從內(nèi)存中取b的值
，進(jìn)行相加運(yùn)算
貌似描述的很弱智，理所當(dāng)然就是這樣的。有人可能覺(jué)得先取b的值，再取a，然后相加。這樣最后的結(jié)果也是一樣的。的確是這樣。但如果運(yùn)算數(shù)是一個(gè)函數(shù)執(zhí)行呢？
sum = a + fun();
假設(shè)fun函數(shù)中僅return 一個(gè)數(shù)字。這時(shí)無(wú)論是先取a的值，再去fun執(zhí)行后的值也是無(wú)所謂的。最終的結(jié)果都一樣。說(shuō)到這里，仍然沒(méi)有新鮮，糾結(jié)的地方。
但如果fun不僅返回了數(shù)字，還改變了a呢？ 比如以下JavaScript代碼
var a = 5;
function fun(){
a = 10;
return 20;
}
var b = a + fun(); // b 的值？
fun 函數(shù)不僅返回了20，還改變了a的值。而a 正是參與相加運(yùn)算的a。這時(shí)a取 5 還是 10 參與相加運(yùn)算呢？ 如果是5則b的值為25，如果是10，則b為30。JavaScript語(yǔ)言中結(jié)果是25。但C語(yǔ)言中卻是30，如下
int a = 5;
int fun(){
a = 10;
return 20;
}
int b = a + fun(); // 30
因此，只有當(dāng)函數(shù)有副作用的時(shí)候，運(yùn)算數(shù)的求值順序不同會(huì)導(dǎo)致結(jié)果不同。很明顯，各個(gè)語(yǔ)言實(shí)現(xiàn)不同。
JavaScript語(yǔ)言中，從左到右，a取5，fun執(zhí)行后返回20，最后是 5+20。注意，雖然參與此次運(yùn)算時(shí)a取5，但a值實(shí)際上已經(jīng)改變了。如下
var a = 5;
function fun(){
a = 10;
return 20;
}
var b = a + fun(); // b 的值？
alert(a); // 10
C語(yǔ)言中，先執(zhí)行fun，fun中改變了a的值，為10，取a為10參與本次 “加”運(yùn)算，fun返回20。結(jié)果是 10+20。
可以看到，無(wú)論是JavaScript還是C。a的值最后都改變了，為10。區(qū)別在于：參與相加運(yùn)算時(shí)，JavaScript 取未被改變的值5， C取改變了的值10。
C語(yǔ)言中，運(yùn)算也是從左到右的。但當(dāng)有函數(shù)作為運(yùn)算數(shù)時(shí)，會(huì)先執(zhí)行函數(shù)。而改函數(shù)如果有副作用時(shí)，取被改變后的a值參與本次運(yùn)算。無(wú)論fun和a的順序。如下將fun放在前面，在C語(yǔ)言中結(jié)果仍然是30
int a = 5;
int fun(){
a = 10;
return 20;
}
int b = fun() + a; // 30
JavaScript中如果fun與a交換了順序，則結(jié)果不是25了。
var a = 5;
function fun(){
a = 10;
return 20;
}
var b = fun() + a; // b為30
相關(guān)：
函數(shù)的副作用
復(fù)制代碼 代碼如下:
a * b + c;
，先算乘方，再算乘除，最后算加減
，有括號(hào)，先算括號(hào)里面的，同一級(jí)運(yùn)算按照從左到右的順序依次進(jìn)行
這一點(diǎn)所有的程序設(shè)計(jì)語(yǔ)言都采取數(shù)學(xué)中數(shù)字的計(jì)算順序。當(dāng)然程序設(shè)計(jì)語(yǔ)言中還有一些不同于數(shù)學(xué)中的運(yùn)算符。那運(yùn)算數(shù)的求值順序是如何的呢？
如下
復(fù)制代碼 代碼如下:
// 求 a 和 b的和
sum = a + b;
，從內(nèi)存中取a的值
，從內(nèi)存中取b的值
，進(jìn)行相加運(yùn)算
貌似描述的很弱智，理所當(dāng)然就是這樣的。有人可能覺(jué)得先取b的值，再取a，然后相加。這樣最后的結(jié)果也是一樣的。的確是這樣。但如果運(yùn)算數(shù)是一個(gè)函數(shù)執(zhí)行呢？
sum = a + fun();
假設(shè)fun函數(shù)中僅return 一個(gè)數(shù)字。這時(shí)無(wú)論是先取a的值，再去fun執(zhí)行后的值也是無(wú)所謂的。最終的結(jié)果都一樣。說(shuō)到這里，仍然沒(méi)有新鮮，糾結(jié)的地方。
但如果fun不僅返回了數(shù)字，還改變了a呢？ 比如以下JavaScript代碼
復(fù)制代碼 代碼如下:
var a = 5;
function fun(){
a = 10;
return 20;
}
var b = a + fun(); // b 的值？
fun 函數(shù)不僅返回了20，還改變了a的值。而a 正是參與相加運(yùn)算的a。這時(shí)a取 5 還是 10 參與相加運(yùn)算呢？ 如果是5則b的值為25，如果是10，則b為30。JavaScript語(yǔ)言中結(jié)果是25。但C語(yǔ)言中卻是30，如下
復(fù)制代碼 代碼如下:
int a = 5;
int fun(){
a = 10;
return 20;
}
int b = a + fun(); // 30
因此，只有當(dāng)函數(shù)有副作用的時(shí)候，運(yùn)算數(shù)的求值順序不同會(huì)導(dǎo)致結(jié)果不同。很明顯，各個(gè)語(yǔ)言實(shí)現(xiàn)不同。
JavaScript語(yǔ)言中，從左到右，a取5，fun執(zhí)行后返回20，最后是 5+20。注意，雖然參與此次運(yùn)算時(shí)a取5，但a值實(shí)際上已經(jīng)改變了。如下
復(fù)制代碼 代碼如下:
var a = 5;
function fun(){
a = 10;
return 20;
}
var b = a + fun(); // b 的值？
alert(a); // 10
C語(yǔ)言中，先執(zhí)行fun，fun中改變了a的值，為10，取a為10參與本次 “加”運(yùn)算，fun返回20。結(jié)果是 10+20。
可以看到，無(wú)論是JavaScript還是C。a的值最后都改變了，為10。區(qū)別在于：參與相加運(yùn)算時(shí)，JavaScript 取未被改變的值5， C取改變了的值10。
C語(yǔ)言中，運(yùn)算也是從左到右的。但當(dāng)有函數(shù)作為運(yùn)算數(shù)時(shí)，會(huì)先執(zhí)行函數(shù)。而改函數(shù)如果有副作用時(shí)，取被改變后的a值參與本次運(yùn)算。無(wú)論fun和a的順序。如下將fun放在前面，在C語(yǔ)言中結(jié)果仍然是30
復(fù)制代碼 代碼如下:
int a = 5;
int fun(){
a = 10;
return 20;
}
int b = fun() + a; // 30
JavaScript中如果fun與a交換了順序，則結(jié)果不是25了。
復(fù)制代碼 代碼如下:
var a = 5;
function fun(){
a = 10;
return 20;
}
var b = fun() + a; // b為30
相關(guān)：
函數(shù)的副作用
您可能感興趣的文章:
- 深入理解JavaScript系列（19）：求值策略(Evaluation strategy)詳解
- 編寫(xiě)一個(gè)javascript元循環(huán)求值器的方法
- JavaScript惰性求值的一種實(shí)現(xiàn)方法示例
- JS實(shí)現(xiàn)可針對(duì)算術(shù)表達(dá)式求值的計(jì)算器功能示例
- JavaScript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之表達(dá)式求值問(wèn)題詳解
- JS閉包與延遲求值用法示例
- JavaScript+HTML實(shí)現(xiàn)學(xué)生信息管理系統(tǒng)
- JavaScript中的this指向問(wèn)題詳解
- 帶你徹底理解JavaScript中的原型對(duì)象
- 詳細(xì)討論JavaScript中的求值策略
相關(guān)文章
JavaScript實(shí)現(xiàn)英語(yǔ)單詞題庫(kù)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)英語(yǔ)單詞題庫(kù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
不得不分享的JavaScript常用方法函數(shù)集（下）
不得不分享的JavaScript常用方法函數(shù)集，幫助大家更好的學(xué)習(xí)javascript程序設(shè)計(jì)，有興趣的朋友可以參考一下2015-12-12
BootStrap 輪播插件(carousel)支持左右手勢(shì)滑動(dòng)的方法(三種)
這篇文章主要介紹了BootStrap 輪播插件(carousel)支持左右手勢(shì)滑動(dòng)的方法(三種)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
深入理解JavaScript系列(11) 執(zhí)行上下文（Execution Contexts）
本章我們要講解的是ECMAScript標(biāo)準(zhǔn)里的執(zhí)行上下文和相關(guān)可執(zhí)行代碼的各種類型2012-01-01
JS控制靜態(tài)頁(yè)面?zhèn)鬟f參數(shù)并獲取參數(shù)應(yīng)用
這篇文章主要介紹了JS控制靜態(tài)頁(yè)面?zhèn)鬟f參數(shù)并獲取參數(shù)應(yīng)用的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
DIV+CSS+JS不間斷橫向滾動(dòng)實(shí)現(xiàn)代碼
不間斷橫向滾動(dòng)想必大家在很多場(chǎng)合都有見(jiàn)過(guò)吧，本文也使用DIV+CSS+JS實(shí)現(xiàn)一個(gè)，感興趣的你可以參考下哈，希望對(duì)你學(xué)習(xí)有所幫助2013-03-03
javascript實(shí)現(xiàn)連續(xù)賦值
javascript如何實(shí)現(xiàn)連續(xù)賦值呢？下面小編就給大家介紹下用javascript實(shí)現(xiàn)連續(xù)賦值，有需要的朋友可以參考下2015-08-08
這篇文章主要分享了一段Javascript常用字符串判斷函數(shù)的代碼，基本上常見(jiàn)的字符串判斷都涵蓋在內(nèi)了，非常實(shí)用，小伙伴們參考下。2014-12-12
這篇文章主要介紹了JavaScript定義全局對(duì)象的方法,結(jié)合實(shí)例形式分析了javascript全局對(duì)象的簡(jiǎn)單定義流程與實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了js時(shí)間戳轉(zhuǎn)為日期格式的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12