• 1. Spec
• 2. Expressions vs Statement
  • 2-1. literal
• 3. Data type
  • 3-1. typeof 연산자의 반환 값
  • 3-2. 산술 연산
  • 3-3. {} block statements VS object literal
  • 3-4. ==, === 비교
• 4. function
• 5. object(instance)
  • 5-1. 생성자
  • 5-2. this
• 6. array
• Reference

표현식(Expressions)

• 표현식은 값 하나로 귀결되는 JS 코드 조각(snippet) 이다.

2 + (2 * 3) / 2(Math.random() * (100 - 20)) + 20;

functionCall();

window.history ? useHistory() : noHistoryFallback();

1 + 1, 2 + 2, 3 + 3;

declaredVariable;

true && functionCall();

true && declaredVariable;

문장(Statements)

• 단어가 저절히 조합된 한 문장으로 의사를 표현한다.
• 문장 여러 개를 {}로 감싼 코드를 복합문 또는 블록문이라고 한다.
• 문장은 값이 들어와야 할 곳에 들어갈 수 없다. (in JS)
• 함수의 인자로도, 대입 연산의 값으로도, 연산자의 피연산자로도 사용될 수 없다.

  1. if
  2. if-else
  3. while
  4. do-while
  5. for
  6. switch
  7. for-in
  8. with (deprecated)
  9. debugger
  10. variable declaration

• 정수 리터럴 => 123, 0x2a, 0o73, 0b101
• 부동소수점 리터럴 => 3.14, 6.02e23
• 문자열 리터럴 => "문자열 리터럴"
• 템플릿 리터럴 => `${변수} aa`
• 객체 리터럴 => { propertyName : 1 }
• 함수 리터럴 => var a = function(x) { return x };

• Primitive types are immutable
• String, Number, Boolean 같은 경우 객체가 존재 하지만, 원시타입의 리터럴로 정의하여 프로퍼티를 사용할경우 Wrapper Object로 자동 변환 되어 프로퍼티를 리턴한다. (Auto Boxing)

    1.toString(); // "1"
    new Number(1).toString(); // Wrapper Object 리턴후 property 값 리턴 내부에서 이루어진 평가이기 때문에 GC로 없어짐

  • 연산 이후, GC로 해당 Wrapper Object 삭제 (할당이 되어이 있지 않기 때문에)

  "string".newProperty = 1; // no error
  console.log("string".newProperty); // undefined

• 하지만, new 연산자로 객체를 만들경우 Reference Type Objcet로 리턴되어 나와 Primitive Type을 잃게 된다.
  • (원시 값을 갖고 싶으면, new String("값").valueOf() 사용 해야한다.)

• 산술 연산자에서는 '0'으로 평가

• 산술 연산자에서는 'NaN'으로 평가

• 부호(1 bit), 지수(11 bit), 가수(52 bit)

• '+' 연산 외 '*,/,%...' 연산자는 String 타입을 Number(String 타입)으로 연산을 하게된다.

객체의 이름까지 알고 싶을 때 toString() 함수를 이용하여 해당 타입을 확인할 수 있다.

function getType(target) {
  return Object.prototype.toString.call(target).slice(8, -1);
}

String 타입의 '+' 연산 방식을 제외하고 대부분의 Data Type의 'valueOf()'(우선순위 높음) 혹은 toString()으로 리턴된 값으로 연산을 한다.

null은 0, undefined는 NaN으로 강제 형변환되어 연산한다.

{} (block statements) 에서 무엇이 반환되던지 그것은 암묵적으로 0로 강제 형변환되어 피연산자로 사용된다.

null.valueOf(); // Error
null + 1; // 1
undefined + 1; // NaN
NaN + "stirng"; // "NaNstring"
{
  3;
}
+1; // 1
{} + 1 // 1
1 + 1{} // 1[object Object]

• 만일 바꿀 수 없는 값이라면 에러를 리턴한다

  블록 문장(block statements)에서 무엇이 반환되던지 그것은 암묵적으로 0로 강제 형변환되어 피연산자로 사용된다.

• 여기서 생각은 문장이 끝났으므로 0이아닌 문장이 끝난걸로 인식하고 그다음 표현식을 실행했다고 생각이 든다.

'==' 비교는 타입이 일치 하지 않을 때, 강제 타입으로 변환시켜 비교하게 된다.

77 == "77"; // => "77" => Number("77")로 변환 후 검사
false == 0; // => false => Number(false)로 변환 후 검사

null == null; // =>  서로 같으며 자기 자신과도 같습니다. => true
undefined == undefined; // =>  서로 같으며 자기 자신과도 같습니다. => true
null == undefined; // =>  서로 같으며 자기 자신과도 같습니다. => true
null == 0; // => false
undefined == 0; // => false

NaN == null; // 어떠한 값과도 동일하지 않다 false (Warning)
NaN == undefined; // 어떠한 값과도 동일하지 않다 false (Warning)
NaN == NaN; // 어떠한 값과도 동일하지 않다 false (Warning)

'===' 비교는 타입이일치 하진 않으면 return false, 타입이 일치할 때 값을 비교를 한다. (Best Code)

parameter(인자)

• 유효범위는 지역함수 이며, 프로그램 실행하면서 필요한 변수 값

argument(인수)

• 함수에 인자값이 있지만, 인수를 안 보내도 함수는 실행이 된다.
• 해당하는 인자값을 모두 undefined로 정의 됨(lexcal Scope)

지역 변수

• 함수내의 변수를 선언 할 수 있으며 안에서 식별자(var, const, let)로 선언한 변수들은 모두 지역 변수로 들어간다.
• 함수 안에 함수를 실행할 수 있다.(Nested Function)

return

• return이 없을 경우 undefined를 리턴 한다.

JS에서는 함수가 객체이다.

• 함수 선언문으로 함수를 선언하면 내부적으로는 그 함수 이름을 변수 이름으로 한 변수와 함수 객체가 만들어지고, 함수 객체의 참조가 저장 된다.

• 하지만, JS에서는 클래스가 없다.
• 또한, 함수 자체도 함수객체로 만든 해당 함수 인스턴스 이다.
• 그래서, 생성자로 생성한 객체는 엄밀히 말해 인스턴스가 아니다.
  • 하지만, 생성자가 클래스처럼 객체를 생성하는 역할을 담당하고 있어 생성자로 생성한 객체도 인스턴스라고 부르는것이 관례이다.

• 이 말은 즉, 여러 프로그래밍 언어에서 배열 요소는 메모리에 연속된 공간에 저장 되지만, JS는 객체 그렇지 않다.
• ES6에서 TypedArray에서는 연속된 공간에 저장된다.