這篇文章要跟大家分享20個稀奇古怪的 JavaScript 表達式，你能回答出其輸出結果嗎？快來挑戰回答吧！
JavaScript是一種非常容錯的程式語言，許多在其他程式語言中不合法的表達式在JavaScript中都能正常運作。
這導致了很多奇怪的程式碼。你想挑戰它嗎？
在這個挑戰中，你會看到20個古怪表達式，並且要猜出其輸出結果。
1.
true + false
2.
**1.**
3.
[1, 2, 3] + [4, 5, 6]
4.
0.2 + 0.1 === 0.3
5.
10,2
6.
!!""
7 .
+!![]
8.
true == "true"
#9.
010 - 03
10.
"" - - ""
11.
null + 0
12.
0/0
13.
1/0 === 10 ** 1000
14.
true++
15.
"" - 1
#16.
(null - 1) - "1"
#17 .
38 * 4343 * 2342+ (“true” — 0)
18.
5 + !5 + !!5
19.
[] + [1] + 2
20.
1 + 2 + "3"
true false
試圖在兩個布林值之間使用加法運算子（ ）時，它們會被轉換為數字。
而且我們都知道true應該被轉換為1，false應該要轉換成0。所以true false回傳1。
[,,,].length
[,,,] 輸出一個有三個空槽的陣列。最後一個逗號是尾部的逗號。
你可以這麼想。
[,] ==> [empty,] [,,] ==> [empty, empty,] [,,,] ==> [empty, empty, empty,]
所以 [,,,].length 回傳3。
[1, 2, 3] [4, 5, 6]
當你試圖在陣列之間使用加法運算子（ ）時，它們會被轉換為字串。
將一個陣列轉換為字串時，陣列的 toString() 方法被呼叫。 toString()方法是JavaScript 內部使用的，當一個陣列需要顯示為文字時，它將用逗號連接其元素。
[1, 2, 3].toString() ==> '1, 2, 3' [4, 5, 6].toString() ==> '4, 5, 6'
所以
[1, 2, 3] + [4, 5, 6] ==> '1, 2, 3' + '4, 5, 6' ==> "1,2,34,5,6"
0.2 0.1 === 0.3
由於浮點數很難在電腦中準確表示，數學上的 0.1和0.2在電腦中只能用近似的數字表示。
0.1 0.2的結果不完全是0.3。不只是JavaScript，其他程式語言也有相同的問題。
10, 2
逗號（,）在JavaScript中也是一個合法的運算符，它評估每個運算元（從左到右），並傳回最後一個操作數的值。
因此，10，2返回2
!!""
#""是一個空字串，它是一個虛值。
注意：0、空字串""、null 和undefined都是虛值。
! 是邏輯上的 "非 "運算符，把 true 變成 false，反之亦然。
如果我們使用兩次!，也就是!!，它將把一個正常的值轉換成一個布林值。所以!""返回 false。
!![]
陣列都是真值，甚至是空數組。所以!![]將傳回true。
!![]; // -> true
而 號會將真值轉換為其數字表示: 1，所以 !![] 傳回1。
true == "true"
雙等運算子（==）檢查其兩個運算元是否相等，並傳回一個布林值結果。
根據抽象的雙等比較規則，這兩個值在比較時都會轉換為數字。
true == "true" ==> Number(true) == Number("true") ==> 1 == NaN所以，ture =="true" 回傳false。
010 - 03
這裡有一個小小的技巧：如果一個數字以0開頭，那麼在JavaScript中它就被當作一個八進制數字。所以：
010 - 03 ==> 8 - 3 ==> 5
另外：
""--""
這看起來是個錯誤的語法，但它確實工作正常。
空字串可以轉換為布林值false或數字值0。所以 -"" 是 0
null 0
正如我们之前所说，null是一个虚值。它将被转换为布尔值false或数字值0。所以结果返回 0。
0/0
这是一个非法的数学表达式。方程0/0没有任何有意义的数字答案，输出的结果只是NaN。
1/0 === 10 1000**
虽然1/0和之前一样也是一个非法的数学表达式。但是当除数不是0时，JavaScript认为这个表达式的结果是Infinity。
而10**1000是一个很大数字，JS 无法正确表示这个数字。(JavaScript中最高的整数值是2^53-1)。所以10 * 1000也被当作无限大(Infinity)。
无穷大总是等于另一个无穷大，所以1/0 === 10 ** 1000返回 true。
true++
这没有什么特别的，这只是一个语法错误。
""- 1
虽然加法运算符（+）同时用于数字和字符串，但减法运算符（-）对字符串没有用处，所以JavaScript将其解释为数字之间的操作。一个空的字符串会被类型强制为0。
"" - 1 ==> Number("") - 1 ==> 0 - 1 ==> -1所以 "" — 1 返回 -1
(null - 1) - "1"
正如上面所说。
null ==> 0 (null - 1) ==> -1 "1" ==> 1
所以 (null — 1) — “1” 返回 -2
38 4343 2342+ ("true" - 0)
你可能会怀疑JS是如此疯狂，以至于它将字符串 "true" 转换为布尔值 true 的数字表示。然而，它并没有那么疯狂。实际发生的情况是，它试图将字符串转换为数字，但失败了。
Number("true"); // -> NaN在JavaScript的数字运算中，只要有一个值是NaN，运算的最终结果就一定是NaN。38 * 4343 * 2342只是一个烟雾弹。
5 + !5 + !!5
正如上面所说。
所以：
!5 ==> 0 !!5 ==> 1
[] + [1] + 2
试图在数组之间使用加法运算符（+）时，它们会被转换为字符串。
[] ==> '' [1] ==> '1' [] + [1] ==> '1' '1' + 2 ==> '12'
所以结果是'12'。
1 + 2 + "3"
JavaScript 从左到右执行这些操作。当数字3与字符串3相加时，字符串连接将优先进行。
1 + 2; // -> 3 3 + "3"; // -> "33"
坦率地说，这些挑战并没有为我胶们编码技能提供任何价值，所以不应该在实际项目中写这种代码
但是，把这些技巧作为朋友和同事之间的一些装13，不是一件非常有趣的事情吗？
作者：Marina Mosti
来源：medium
原文：https://medium.com/frontend-canteen/20-useless-but-funny-challange-for-javascript-develor-9eea39bb8efb
【相关视频教程推荐：web前端】
以上是20個稀奇古怪的JS表達式，猜猜輸出結果吧！的詳細內容。更多資訊請關注PHP中文網其他相關文章！
