JS中三目運(yùn)算符和if else的區(qū)別分析與示例

更新時(shí)間：2014年11月21日 09:11:10 投稿：hebedich

本文是通過示例詳細(xì)分析了JS中三目運(yùn)算符和if else的區(qū)別，是篇非常不錯(cuò)的文章，這里推薦給大家。

今天寫了一個(gè)圖片輪播的小demo，用到了判斷

先試了一下if else，代碼如下:

if(n >= count-1){

n =0;

}else{

n ++;

}

隨后代碼寫完了，準(zhǔn)備優(yōu)化一下代碼，將此段改成了三目運(yùn)算符的寫法

復(fù)制代碼代碼如下:

n = n >= (count-1) ? n=0 : n++

結(jié)果完全不同

隨后研究了一下這兩者的區(qū)別，總結(jié)為一句話：三目運(yùn)算有返回值，if else沒有返回值

做了如下測試：

復(fù)制代碼代碼如下:

var n=1;
if(n>1){
n=0;
}else{
n++;
}
console.log(n);

輸出結(jié)果：2

三目運(yùn)算如下：

復(fù)制代碼代碼如下:

var n=1;

n = n>1?0 : n++;

console.log(n);

輸出結(jié)果為：1

插入一段其他內(nèi)容：++n和n++的區(qū)別：簡單地說,都是 n 自加1。區(qū)別是,n++是執(zhí)行完后面的語句才加1;而++n 就先做 n+1才執(zhí)行后面的語句

那么對于++n呢

if else 語句

復(fù)制代碼代碼如下:

var n=1;

 if(n>1){

    n=0;

}else{

    ++n;

}

console.log(n);

輸出結(jié)果：2

三目運(yùn)算結(jié)果

復(fù)制代碼代碼如下:

var n=1;

n = n>1?0 : ++n; 

console.log(n); 輸出結(jié)果為：2

可以看出if else和三目運(yùn)算的區(qū)別了吧～～～

n++和++n在此驗(yàn)證中，沒有任何區(qū)別，因?yàn)閕f else都是計(jì)算結(jié)果之后的，不會返回n，沒有任何返回值

但是對于三目運(yùn)算，n++返回的n值為n本身，++n返回的n值為n+1之后的結(jié)果

讀了本文，小伙伴們是不是對js中的三目運(yùn)算符和if else有了新的認(rèn)識呢。

您可能感興趣的文章:

相關(guān)文章

JavaScript異步編程操作實(shí)現(xiàn)介紹
異步（Asynchronous, async）是與同步（Synchronous, sync）相對的概念。在我們學(xué)習(xí)的傳統(tǒng)單線程編程中，程序的運(yùn)行是同步的，同步不意味著所有步驟同時(shí)運(yùn)行，而是指步驟在一個(gè)控制流序列中按順序執(zhí)行，而異步的概念則是不保證同步的概念
2022-09-09
jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動效果,需要的朋友可以參考下
2014-04-04
JS跨域之window.name實(shí)現(xiàn)的跨域數(shù)據(jù)傳輸
這篇文章主要介紹了JS跨域之window.name實(shí)現(xiàn)的跨域數(shù)據(jù)傳輸,需要的朋友可以參考下
2022-01-01
JS中數(shù)組常用的循環(huán)遍歷你會幾種
JS 遍歷數(shù)組（循環(huán)數(shù)組）的方式有多種，但你都知道嗎？下面這篇文章主要給大家介紹了關(guān)于JS中數(shù)組常用循環(huán)遍歷的相關(guān)資料，需要的朋友可以參考下
2021-06-06
layui 實(shí)現(xiàn)表格某一列顯示圖標(biāo)
今天小編就為大家分享一篇layui 實(shí)現(xiàn)表格某一列顯示圖標(biāo)的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
js實(shí)現(xiàn)點(diǎn)擊左右按鈕輪播圖片效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)擊左右按鈕輪播圖片效果的方法,涉及click事件相應(yīng)、animate方法等使用技巧,需要的朋友可以參考下
2015-01-01
如何判斷Javascript對象是否存在的簡單實(shí)例
下面小編就為大家?guī)硪黄绾闻袛郕avascript對象是否存在的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
JS錯(cuò)誤處理與調(diào)試操作實(shí)例分析
這篇文章主要介紹了JS錯(cuò)誤處理與調(diào)試操作,結(jié)合實(shí)例形式分析了JavaScript錯(cuò)誤捕獲、處理、調(diào)試工具、斷點(diǎn)調(diào)試等相關(guān)操作技巧,需要的朋友可以參考下
2020-04-04
Iframe thickbox2.0使用的方法
一個(gè)小項(xiàng)目中用到，奉命進(jìn)行修改，定位到
2009-03-03
JS中Promise函數(shù)then的奧秘探究
then()方法用于指定當(dāng)前實(shí)例狀態(tài)發(fā)生改變時(shí)的回調(diào)函數(shù)。它返回一個(gè)新的Promise實(shí)例。下面這篇文章主要給大家介紹了關(guān)于JS中Promise函數(shù)then的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧
2018-07-07