JavaScript

> null

• null값은 지금까지 소개한 자료형 중 어느 자료형에도 속하지 않는 값
  null값은 오로지 null값만 포함하는 별도의 자료형을 만듭니다.

• 존재하지 않는 값 (nothing)
• 비어있는 값 (empty)
• 알 수 없는 값 (unknown)

   let age = null; 

   // 나이(age)를 알 수 없거나 그 값이 비어있음을 보여줍니다.

---

> undefined

• 값이 할당되지 않은 상태
• 변수는 선언했지만,
  값을 할당하지 않았다면 해당 변수에 undefined가 자동으로 할당

   let age;

   alert(age); // 'undefined'가 출력됩니다.

• 개발자가 변수에 undefined를 명시적으로 할당하는 것도 가능함

   let age = 100;

   // 값을 undefined로 바꿉니다.
   age = undefined;

   alert(age); // "undefined"

⛔ 하지만 이렇게 undefined를 직접 할당하는 걸 권장하진 않음

• 변수가 ‘비어있거나’ ‘알 수 없는’ 상태라는 걸 나타내려면 null을 사용하고,
  undefined는 값이 할당되지 않은 변수의 초기값을 위해 예약어로 남겨둡시다.

---

- null & undefined

• 일치 연산자 ===는 피연산자의 형을 변환하지 않습니다. 형이 다르면 무조건 다르다고 평가합니다.
  
  

• null과 undefined는 특별한 값입니다.
  두 값을 == 연산자로 비교하면 true를 반환하지만, 다른 값과 비교하면 무조건 false를 반환

---

> 숫자형으로 변환

• 숫자형으로의 변환은 수학과 관련된 함수와 표현식에서 자동으로 일어남

   alert( "6" / "2" ); // 3, 문자열이 숫자형으로 자동변환된 후 연산이 수행

• Number(value) 함수를 사용하면 주어진 값(value)을 숫자형으로 명시해서 변환할 수 있음

   let str = "123";
   alert(typeof str); // string

   let num = Number(str); // 문자열 "123"이 숫자 123으로 변환됩니다.

   alert(typeof num); // number

💡 숫자형 값를 사용해 무언가를 하려고 하는데 그 값을 문자 기반 폼(form)을 통해 입력받는 경우,
이런 명시적 형 변환이 필수

   // 방법1) + 사용
   let value = +prompt("숫자를 입력하세요.", '');

   // 방법2) Number() 사용
   let value = Number(prompt("숫자를 입력하세요.", ''));

• 숫자 이외의 글자가 들어가 있는 문자열을 숫자형으로 변환하려고 하면, 그 결과는 NaN

   let age = Number("임의의 문자열 123");

   alert(age); // NaN, 형 변환이 실패합니다.

   alert( Number("   123   ") ); // 123
   alert( Number("123z") );      // NaN ("z"를 숫자로 변환하는 데 실패함)
   alert( Number(true) );        // 1
   alert( Number(false) );       // 0

null과 undefined은 숫자형으로 변환 시 결과가 다르다는 점에 유의

• null은 0이 되고 undefined는 NaN이 된다 !!!
  
  

---

> 논리 연산자

• NOT (!) 연산자의 우선순위는 모든 논리 연산자 중에서 가장 높기 때문에 항상 &&나 || 보다 먼저 실행
  
  

• NOT을 두 개 연달아 사용(!!)하면 값을 불린형으로 변환할 수 있습니다

   alert( !!"non-empty string" ); // true
   alert( !!null ); // false

• 내장 함수 Boolean을 사용하면 !!을 사용한 것과 같은 결과를 도출할 수 있습니다

   alert( Boolean("non-empty string") ); // true
   alert( Boolean(null) ); // false

🎯 NOT 연산자 !는 피연산자의 자료형을 불린형으로 바꾼 후 그 역을 반환

---

> null 병합 연산자

• null 병합 연산자 ??는 피연산자 중 실제 값이 정의된 피연산자를 찾는 데 쓰임
• a가 null이나 undefined가 아니면 a ?? b의 평가 결과는 a
• a가 null이나 undefined이면 a ?? b의 평가 결과는 b

---

> 함수 이름짓기

• 함수가 어떤 동작을 하는지 축약해서 설명해주는 동사를 접두어로 붙여 함수 이름을 만드는 게 관습
  
  

ex)

• show로 시작하는 함수는 대개 무언가를 보여주는 함수
• get 값을 반환함
• calc 무언가를 계산함
• create 무언가를 생성함
• check 무언가를 확인하고 불린값을 반환함

   showMessage(..)     // 메시지를 보여줌
   getAge(..)          // 나이를 나타내는 값을 얻고 그 값을 반환함
   calcSum(..)         // 합계를 계산하고 그 결과를 반환함
   createForm(..)      // form을 생성하고 만들어진 form을 반환함
   checkPermission(..) // 승인 여부를 확인하고 true나 false를 반환함

---

> return

• 함수는 항상 무언가를 반환함!!
  즉, {대괄호}를 사용한 함수 안에는 return문이 꼭 있어야 함!
  
  
• return만 사용하면, 그냥 함수를 나가게 됨
  
  
• return문이 없는 경우 undefined를 리턴함

출처 | javascript.info