JavaScript는 내결함성이 매우 뛰어난 프로그래밍 언어이므로 다른 프로그래밍 언어에서는 허용되지 않는 많은 표현식이 JavaScript에서는 잘 작동합니다.
이로 인해 이상한 코드가 많이 생성됩니다. 도전하고 싶나요?
이 챌린지에서는 20가지 엉뚱한 표정을 제시하고 그 결과를 추측해야 합니다.
1.
참 + 거짓
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
[,,,] 3개의 빈 슬롯이 있는 배열을 출력합니다. 마지막 쉼표는 후행 쉼표입니다.
이렇게 생각하시면 됩니다.
[,] ==> [비어 있음,] [,,] ==> [비어 있다, 비어 있다,] [,,,] ==> [비어 있음, 비어 있음, 비어 있음,]
따라서 [,,,].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 및 정의되지 않음은 모두 가상 값입니다.
! 는 참을 거짓으로 바꾸거나 그 반대로 바꾸는 논리적 "not" 연산자입니다.
! 두 번 사용하면 !! , 일반 값이 부울 값으로 변환됩니다. 따라서 !"" false 반환합니다.
+!![]
배열은 빈 배열이라도 모두 참값입니다. 따라서 !![] true 반환합니다.
!![]; // -> true
이고 + 기호는 참값을 숫자 표현인 1 로 변환하므로 +!![] 1 반환합니다.
true == "true"
항등 연산자(==)는 두 피연산자가 동일한지 확인하고 부울 결과를 반환합니다.
추상 동등 비교 규칙에 따라 비교 시 두 값 모두 숫자로 변환됩니다.
true == "true" ==> Number(true) == Number("true") ==> 1 == NaN 따라서 ture =="true" false를 반환합니다.
010 - 03
여기에 약간의 트릭이 있습니다. 숫자가 0 으로 시작하면 JavaScript에서 8진수로 처리됩니다. 따라서:
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 도 무한대로 간주됩니다.
무한대는 항상 다른 무한대와 동일하므로 1/0 === 10 ** 1000 true를 반환합니다.
true++
특별한 것은 없습니다. 단지 구문 오류일 뿐입니다.
""- 1
더하기 연산자(+)는 숫자와 문자열 모두에 작동하지만 빼기 연산자(-)는 문자열에는 유용하지 않으므로 JavaScript에서는 이를 숫자 사이의 연산으로 해석합니다. 빈 문자열은 0으로 강제 변환됩니다.
"" - 1 ==> Number("") - 1 ==> 0 - 1 ==> -1 이므로 "" — 1 -1
위와 같이
-1(null - 1) - "1"을
반환합니다.널 ==> 0 (널 - 1) ==> -1 "1" ==> 1
so (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
출처: 매체
원문 : https://medium.com/frontend-canteen/20-useless-but-funny-challange-for-javascript-develor-9eea39bb8efb
[관련 영상 튜토리얼 추천 : 웹 프론트 엔드]
위는 20가지 이상한 JS 표현입니다 , 출력 결과를 추측해보세요! 더 자세한 사항은 PHP 중국어 홈페이지의 다른 관련 글을 참고해주세요!