javascript - 關於JS三目運算子問題
天蓬老师
天蓬老师 2017-05-19 10:17:40
0
3
666

在三目運算子中使用字串連接符號為什麼在條件改變時結果卻不變?

        var notice = "she is "+true? "?":"nt"+" here."
        alert(notice);    // "?"

        var notice = "she is "+false? "?":"nt"+" here."
        alert(notice);    // "?"

但是,去掉三目運算子前的字串連接符及字串就恢復正常了

        var notice = false? "?":"nt"+" here."
        alert(notice);    // "nt here."

        var notice = true? "?":"nt"+" here."
        alert(notice);    // "?"

求解?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(3)
曾经蜡笔没有小新

首先:
什麼是三目運算子?
{1} ? {2} : {3} ;
JS引擎先做Boolean({1}) 如果为 True 则返回 {2}False则返回{3}
然後:
"she is "+true === "she is true" //嚴格相等
所以
Bleano( "she is "+true) === Boolean("she is true") // 等於True
Boolean("she is "+false) === Boolean("she is false") // 也等於True


但是:
false? "?":"nt"+" here." 中的false是布林值.
所以Boolean(false) === false
所以Boolean(true) === true

小葫芦

這是一個運算子優先權問題. 首先+(字串連接運算子)優先權比?: (三目運算子)優先權高,所以运算符优先级问题. 首先+(字符串连接运算符)优先级比?:(三目运算符)优先级高,所以先执行+运算符.
所以两种情况下,分别得到"she is "+true"she is "+false.
再执行三目元算符,但是"she is "+true"she is "+false(String,除了"")转换成Boolean均为true. 所以三目运算符条件为真,所以得到结果为"?"先執行+運算子.
所以兩種情況下,分別得到"she is "+true和"she is "+false.

再執行三目元算符,但是"she is "+true"she is "+false(String,除了"")轉換成Boolean皆為true code>. 所以三目運算子條件為真,所以得到結果為"?".🎜
我想大声告诉你

雷雷 雷雷

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板