JS中三目運算符和if else的區(qū)別分析與示例
更新時間：2014年11月21日 09:11:10 投稿：hebedich
本文是通過示例詳細分析了JS中三目運算符和if else的區(qū)別，是篇非常不錯的文章，這里推薦給大家。
今天寫了一個圖片輪播的小demo，用到了判斷
先試了一下if else，代碼如下:
復(fù)制代碼 代碼如下:
if(n >= count-1){
n =0;
}else{
n ++;
}
隨后代碼寫完了，準(zhǔn)備優(yōu)化一下代碼，將此段改成了三目運算符的寫法
復(fù)制代碼 代碼如下:
n = n >= (count-1) ? n=0 : n++
結(jié)果完全不同
隨后研究了一下這兩者的區(qū)別，總結(jié)為一句話：三目運算有返回值，if else沒有返回值
做了如下測試：
復(fù)制代碼 代碼如下:
var n=1;
if(n>1){
n=0;
}else{
n++;
}
console.log(n);
輸出結(jié)果：2
三目運算如下：
復(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
三目運算結(jié)果
復(fù)制代碼 代碼如下:
var n=1;
n = n>1?0 : ++n;
console.log(n); 輸出結(jié)果為：2
可以看出if else和三目運算的區(qū)別了吧～～～
n++和++n在此驗證中，沒有任何區(qū)別，因為if else都是計算結(jié)果之后的，不會返回n，沒有任何返回值
但是對于三目運算，n++返回的n值為n本身，++n返回的n值為n+1之后的結(jié)果
讀了本文，小伙伴們是不是對js中的三目運算符和if else有了新的認識呢。
相關(guān)文章
異步（Asynchronous, async）是與同步（Synchronous, sync）相對的概念。在我們學(xué)習(xí)的傳統(tǒng)單線程編程中，程序的運行是同步的，同步不意味著所有步驟同時運行，而是指步驟在一個控制流序列中按順序執(zhí)行，而異步的概念則是不保證同步的概念2022-09-09
這篇文章主要介紹了jquery實現(xiàn)的圖片點擊滾動效果,需要的朋友可以參考下2014-04-04
JS跨域之window.name實現(xiàn)的跨域數(shù)據(jù)傳輸
這篇文章主要介紹了JS跨域之window.name實現(xiàn)的跨域數(shù)據(jù)傳輸,需要的朋友可以參考下2022-01-01
JS 遍歷數(shù)組（循環(huán)數(shù)組）的方式有多種，但你都知道嗎？下面這篇文章主要給大家介紹了關(guān)于JS中數(shù)組常用循環(huán)遍歷的相關(guān)資料，需要的朋友可以參考下2021-06-06
今天小編就為大家分享一篇layui 實現(xiàn)表格某一列顯示圖標(biāo)的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js實現(xiàn)點擊左右按鈕輪播圖片效果的方法,涉及click事件相應(yīng)、animate方法等使用技巧,需要的朋友可以參考下2015-01-01
下面小編就為大家?guī)硪黄绾闻袛郕avascript對象是否存在的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了JS錯誤處理與調(diào)試操作,結(jié)合實例形式分析了JavaScript錯誤捕獲、處理、調(diào)試工具、斷點調(diào)試等相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
一個小項目中用到，奉命進行修改，定位到2009-03-03
then()方法用于指定當(dāng)前實例狀態(tài)發(fā)生改變時的回調(diào)函數(shù)。它返回一個新的Promise實例。下面這篇文章主要給大家介紹了關(guān)于JS中Promise函數(shù)then的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧2018-07-07