[javascript] CodeMash 2012의 ‘Wat’대화에서 언급 된이 이상한 JavaScript 동작에 대한 설명은 무엇입니까?

다음은 현재보고있는 결과에 대한 설명 목록입니다. 내가 사용하는 참조는 ECMA-262 표준에서 온 것 입니다.

1. [] + []

   더하기 연산자를 사용할 때 왼쪽과 오른쪽 피연산자가 모두 기본 요소로 먼저 변환됩니다 ( §11.6.1 ). 당 §9.1 원시적 복귀 유효한 가진 개체는 디폴트 값 (여기서는 배열) 객체 변환 toString()방법 호출의 결과 object.toString()( §8.12.8를 ). 배열의 경우 이는 호출 array.join()( §15.4.4.2 ) 과 동일 합니다. 빈 배열을 조인하면 빈 문자열이 생성되므로 더하기 연산자의 7 단계는 빈 문자열 인 두 개의 빈 문자열의 연결을 반환합니다.

2. [] + {}

   와 마찬가지로 [] + []두 피연산자가 모두 기본 요소로 먼저 변환됩니다. “객체 객체”(§15.2)의 경우, 이는 다시 호출의 결과이며 object.toString(), null이 아닌 정의되지 않은 객체의 경우 "[object Object]"( §15.2.4.2 )입니다.

3. {} + []

   {}여기가 개체로 구문 분석, 대신 (빈 블록으로되지 §12.1 당신이 식을 수 그 진술을 강요하지 않는 등,하지만 더 그것에 대해 이후로 적어도). 빈 블록의 반환 값이 비어 있으므로 해당 문의 결과는와 동일합니다 +[]. 단항 +연산자 ( §11.4.6 )는 다음을 반환합니다 ToNumber(ToPrimitive(operand)). 우리가 이미 알고 있듯이, ToPrimitive([])빈 문자열, 그리고에 따라 §9.3.1 , ToNumber("")0입니다.

4. {} + {}

   앞의 경우와 마찬가지로 첫 번째 {}는 빈 반환 값을 가진 블록으로 구문 분석됩니다. 다시 +{}와 동일 ToNumber(ToPrimitive({}))하고 ToPrimitive({})있다 "[object Object]"(참조 [] + {}). 따라서 결과를 얻으려면 문자열 +{}에 적용 ToNumber해야합니다 "[object Object]". 의 단계를 수행 할 때 §9.3.1을 , 우리가 얻을 NaN결과 :

   문법이 문자열을 StringNumericLiteral 의 확장으로 해석 할 수없는 경우 ToNumber 의 결과 는 NaN 입니다.

5. Array(16).join("wat" - 1)

   당 §15.4.1.1 및 §15.4.2.2 , Array(16)가입 인수의 값을 얻으려면 길이 (16)로 새로운 배열을 생성, §11.6.2 우리가에 두 피연산자를 변환해야한다는 # 5, # 6은 단계 를 사용하여 번호를 지정하십시오 ToNumber. ToNumber(1)단순히 1 ( §9.3 ) 반면, ToNumber("wat")다시 인 NaN당 §9.3.1 . 의 7 단계에 따라 §11.6.2 , §11.6.3 지시하는

   피연산자 중 하나가 NaN 이면 결과는 NaN 입니다.

   따라서의 주장은 Array(16).join입니다 NaN. §15.4.4.5 ( Array.prototype.join)에 이어 우리 ToString는 "NaN"( §9.8.1 ) 인수 를 호출해야합니다 .

   경우 m가 있다 NaN를 , 문자열을 반환합니다 "NaN".

   §15.4.4.5의 10 단계 에 따라 연결 "NaN"및 빈 문자열 이 15 회 반복되어 나타납니다 . 이는 결과와 같습니다. 사용시 "wat" + 1대신 "wat" - 1인수, 가산 연산자 변환 1대신 변환하는 문자열 "wat"다수 효과적으로 통화 그것은 그렇게 Array(16).join("wat1").

{} + []케이스에 대해 다른 결과가 나타나는 이유에 관해서는 : 함수 인수로 사용할 때 명령문을 ExpressionStatement 로 강제 실행하여 {}빈 블록 으로 구문 분석 할 수 없으므로 대신 빈 오브젝트로 구문 분석됩니다 오자.

답변

if (u)
    v;

if (x) {
    y;
    z;
}

function out(code) {
    function format(x) {
        return typeof x === "string" ?
            JSON.stringify(x) : x;
    }
    document.writeln('>>> ' + code);
    document.writeln(format(eval(code)));
}
document.writeln("<pre>");
out('[] + []');
out('[] + {}');
out('{} + []');
out('{} + {}');
out('Array(16).join("wat" + 1)');
out('Array(16).join("wat - 1")');
out('Array(16).join("wat" - 1) + " Batman!"');
document.writeln("</pre>");

var obj = {
    valueOf: function () {
        console.log("valueOf");
        return {}; // not a primitive
    },
    toString: function () {
        console.log("toString");
        return {}; // not a primitive
    }
}

> Number(obj)
valueOf
toString
TypeError: Cannot convert object to primitive value

+-----------------+-------------------+---------------+
| Primitive Value |   String value    | Numeric value |
+-----------------+-------------------+---------------+
| null            | “null”            | 0             |
| undefined       | “undefined”       | NaN           |
| true            | “true”            | 1             |
| false           | “false”           | 0             |
| 123             | “123”             | 123           |
| []              | “”                | 0             |
| {}              | “[object Object]” | NaN           |
+-----------------+-------------------+---------------+