Почему в приведенном ниже фрагменте функция whatDoesItDo() возвращает «сбой» в виде строки? Было бы полезно, если бы кто-нибудь мог объяснить концепцию такого поведения.
function whatDoesItDo() {
return (![] + [])[+[]] + (![] + [])[+!+[]] +
([![]] + [][
[]
])[+!+[] + [+[]]] + (![] + [])[!+[] + !+[]];
}
function result() {
document.getElementById("result").innerHTML = whatDoesItDo();
}
result();<html>
<body>
<p id="result"></p>
</body>
</html>Вы видите эффекты A) приведения типов, B) индексации строк с использованием [] и C) конкатенации строк.
Давайте посмотрим на первый бит:
(![] + [])[+[]]
![] дает нам false, потому что [] является «истинным» значением, которое приводит к true при проверке как логическое значение, и поэтому ![] равно false.
Затем мы добавляем к нему [], что превращает их обоих в строки, потому что оператор + приводит оба своих аргумента к строкам, если какой-либо из них не является числом (если оба являются числами, он складывает), давая нам "false" (поскольку [].toString() равно [].join() что "").
Итак, теперь у нас есть "false".
Затем +[] равно 0, потому что он приводит пустой массив к числу, которое превращает его в строку (""), а +"" равно 0.
Наконец, это значение используется для "false": "false"[0] равно "f".
И так далее, все остальное — лишь вариации на эту тему. (!+[] равно true, что важно позже.)
+: унарный + (унарный = принимает один операнд) и binary + (binary = принимает два операнда). + в +[] является унарным +. В JavaScript практически единственная его задача — привести операнд к числу.
- person T.J. Crowder; 16.06.2015
f, a и l происходят от приведения bool к строке и получения только n-го символа этой строки. Но откуда i?
- person β.εηοιτ.βε; 25.06.2015
[][[]] это [][""], что undefiнед :-)
- person Lucas Trzesniewski; 25.06.2015
([![]] + [][[]]) становится falseundefined. Мы индексируем это с помощью +!+[] + [+[]], что в итоге становится "10". 11-й символ falseundefined — это i.
- person T.J. Crowder; 25.06.2015
javascript-coercion-games, чтобы мы могли найти их позже. :-) - person T.J. Crowder schedule 16.06.2015js-type-coercion-puzzles. Посмотрим, выживет ли. :-) - person T.J. Crowder schedule 16.06.2015