희미한! 인터뷰 질문 console.log(([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]]) 무엇을 출력합니까?

이 기사는 주로 console.log에 대한 인터뷰 질문을 공유합니다. 관심 있는 친구들은 아래에서 이 기사를 살펴보는 것이 모든 사람에게 도움이 되기를 바랍니다.

머리말

인터뷰 질문 console.log(([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]]) 출력은 무엇입니까? 인터뷰 중에 이런 면접 질문을 접했는데, 면접 질문은 유형 변환, 암시적 유형 변환, 연산자 등을 조사했는데, 어떻게 답해야 할지 몰라서 답변을 못 한 것이 아닙니다. 방금 질문을 읽었습니다. 하지만 면접 질문이니까 잘 풀어보세요.

이 문제를 해결하려면 지식이 필요합니다

• "+": 단항 +는 Number()를 사용하는 것과 동일한 변환을 수행합니다.
• + 기호가 두 숫자의 추가인 경우 피연산자는 객체이거나 객체입니다. 값 또는 부울인 경우 toString 메서드를 호출하여 문자열로 변환합니다.
• "!": 연산자가 아니며 이 작업은 항상 부울 값을 반환합니다.
• "!!": 이 문제를 해결하려면 부울 값으로 강제 변환합니다.

문제 ([] [[]] + [])[+!![]]+([]+{})[+!![]+ + !![]]

먼저 실행 순서를 명확히 해야 합니다.

먼저([][[]] + [])를 실행하고, 먼저 내부의[][[]]를 실행한 다음 [ ][[]], 실제로는 [] 빈 배열의 [] 키를 사용하여 값을 실행합니다([][[]] + [])，先执行里面的[][[]]，在计算[][[]]时，其实就是执行[]空数组里面key为[]的值

1. 首先，JavaScript 引擎解析空数组[]。空数组没有任何元素。
2. 接下来，引擎尝试使用[]作为属性名来访问空数组的属性。在这种情况下，由于[]本身是一个数组，JavaScript 引擎会尝试将其转换为字符串。由于[]为空数组，转换成字符串后结果为一个空字符串""。
3. 最后，引擎会尝试访问空数组中名为""的属性。由于这个属性并不存在于空数组中，所以结果为undefined。

所以，执行[][[]]的结果是undefined。

那么([][[]] + [])接下去执行就是（undefined + []）将会执行隐式类型转换，将undefined转换为字符串"undefined"，将[]转为“”，然后将两个字符串拼接在一起。因此，结果是"undefined"

其次执行[+!![]]，!![]空数组转布尔值为true，一元操作服+会转为数值，+true就是将true转换为数字1。得到的结果就是[1]。于是我们就可以得到([][[]] + [])[+!![]]为undefined[1]这个的结果就是字符串'n'

接下来就是执行([]+{})[+!![]+ + !![]]这一部分，再将这部分的结果和上面的结果相加

1. 先执行([]+{})， 计算[]+{}。这将触发隐式类型转换，将空对象转换为字符串"[object Object]"，然后将两个字符串拼接在一起。因此，结果是'[object Object]'。

2. 再执行[+!![]+ + !![]]，+!![]前面有解析过得到的是1，所以这一部分执行过后得到的是数值1相加1+1，得到的结果是[2]。

3. 那么这两部分合起来就是'[object Object]'[2]，就是字符串的第三个值b

最后将前面部分得到的结果'n'和后面部分得到的结果'b'相加，得到最后的结果'nb'

总结：这个题目一时解决不了的话，可能有以下几个原因，第一个就是不太清楚执行顺序，其次就是不太理解[][[]]这个，实际上就是获取空数组key为[]的值，又因为数组的key为字符串，所以会将[]转为''

먼저 JavaScript 엔진은 빈 배열 []를 구문 분석합니다. >. 빈 배열에는 요소가 없습니다.

다음으로 엔진은[]를 속성 이름으로 사용하여 빈 배열의 속성에 액세스하려고 시도합니다. 이 경우[]자체가 배열이므로 JavaScript 엔진은 이를 문자열로 변환하려고 시도합니다.[]는 빈 배열이므로 문자열로 변환한 후의 결과는 빈 문자열""입니다.
마지막으로 엔진은 빈 배열에 있는""속성에 액세스하려고 시도합니다. 이 속성은 빈 배열에 존재하지 않으므로 결과는정의되지 않음입니다.