TIL10⎟Back to Basic : 변수와 상수

변수

데이터를 저장할 때 쓰이는 이름이 붙은 저장소

JavaScript가 다른 언어와 다른 점은, JavaScript의 변수는 모두 참조변수이다. ❗️객체지향이기때문!❗️객체지향의 프로그래밍 방식에서는 객체에 이름을 부여하듯 참조할 수 있도록 이름이 필요하기에 참조변수가 된다. value가 부여되는 순간, 모든 값은 스스로가 공간을 갖게 되면서 자동boxing되며, x는 box 이름, 즉 JavaScript는 Wrapper Class이며, 그 개수는 대표적으로 5개가 있다. (TIL01)

​
let message;
// 'message'라는 이름을 가진 변수를 생성(선언)함

할당 연산자 = 를 사용해 변수 안에 데이터를 저장
let message;
message = 'Hello'; //문자열을 저장

문자열이 변수와 연결된 메모리 영역에 저장되었기 때문에, 변수명을 이용해 문자열에 접근할 수 있게 된다

let message;
message = 'Hello';
alert(message); //변수에 저장된 값을 보여줌

var x,y;
x = prompt("x값을 입력하세요");
y = prompt("y값을 입력하세요");
alert(x+y);

변수 선언과 값 할당을 한 줄에 작성할 수도 있다

let message = 'Hello'; //변수를 정의하고 값을 할당
alert(message); // Hello

​

대문자 상수

기억하기 힘든 값을 변수에 할당해 별칭으로 사용, 이런 상수는 대문자와 밑줄로 구성된 이름으로 명명

대문자 상수는 ‘하드 코딩한’ 값의 별칭을 만들 때 주로 사용. 실행 전에 이미 값을 알고 있고, 코드에서 직접 그 값을 쓰는 경우에 사용.

const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";

let color = COLOR_GREEN;
alert(color); // "#0F0"

​

Clean Code

1. 검색 가능한 이름을 사용하기 (Use a searchable name)
   setInterval(eatKimchi, 86400) (x)
   하루가 총 몇 초인지를 요구하는 함수가 있다면
   해당 숫자를 변수(variable)로 해두는 것이 좋다
   왜냐면 다른 팀원이 봤을 때 그 함수가 무엇을 하는지 이해를 못할 수가 있기 때문이다
   그 숫자가 무엇을 의미하는지 모를 수 있다. 대신 숫자를 변수로 해두면 사람들은 읽고 이해를 할 수 있다

const SECONDS_IN_A_DAY = 86400;
setInterval(eatKimchi, SECONDS_IN_A_DAY)

2. 함수명은 반드시 동사로 (Function name should be verbs)
   함수는 한 가지 액션만 수행해야 한다. 액션 중심으로 이름을 짓다보면 구분의 필요성을 느끼게 됨
   유저 데이터를 불러오는 함수는 불러오는 역할만 해야함

3. 함수의 인수는 3개이하 적당
   많을 인자를 넣어야하는 함수인경우는 한개의 configuration object로 정리

4. Boolean 값을 인수로 함수에 보내는 것을 최대한 방지
   함수의 파리미터에 boolean 을 둬서 액션 2개 이상을 구현하기 보다는, 함수를 2개로 구분하는 것을 추천.

5. 변수명은 너무 축약하지 말것. 이해할 수 있는 변수명으로.

*주의! 문제 해결하려는 코딩 초반부에는 우선 동작에 초점 맞춰서 작업, 그 후에 깔끔하게 코딩 정리하는 것을 추천

📎https://www.youtube.com/watch?v=Jz8Sx1XYb04