[Repl.it] JavaScript 01~17

1. 변수

• 한 파일에서 같은 변수 이름을 중복해서 사용할 수 없다.
• 변수이름, 함수이름, 연산자 모두 대소문자를 구분한다.
• 변수이름의 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($) 중 하나이다. -> camelCase 혹은 snake_case
• 변수명을 지어주는 사이트
  -> 코드의 가독성, 커뮤니케이션 리소스를 줄여 개발의 효율 증가

변수의 선언과 할당의 분리

변수는 생성할 때만 사용하는 것이다. 선언 시 값을 할당하지 않아도 된다.

let address;
address = "선릉";

2. 함수

함수가 외부에서 입력 받은 데이터를 처리하는 경우

정의 function 함수이름(parameter){}
호출 함수이름()

• parameter(매개변수)란 함수 외부로부터 들어온 값이 담길 '자리' 혹은 '변수의 이름
• argument(인자)는 그 자리에 들어갈 구체적인 값을 뜻한다.

함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안된다. (아래 예시)

function alertSuccess(_**name**_) {   
  let _**name**_ = "wecode";
  alert(_**name**_ + "님 로그인 성공!"); 
}
// 인자(parameter)에 실제로 어떤 데이터가 전달될지는 호출할 때 결정하는 것
alertSuccess("wecode"); 

• 여러 개의 데이터를 처리하는 경우

처음 if에서 return을 지정하면 함수의 실행이 멈춰버린다.
함수에 값을 앞에서부터 순차적으로 ...
date가 있을때 > month가 있을 때 > year가 있을 때

function meetAt(year, month, date) {
  if (date){
    return year + "/" + month + "/" + date
  }
  if (month){
    return year + "년 " + month + "월"
  }
  if (year){
    return year + "년"
  }
}

Arrow Function (ES6)

• 인자가 하나일 때는 소괄호 생략이 가능하다.
• 함수가 실행내용이 딱히 없이 return만 한다면, return키워드와 중괄호 생략이 가능하다.

//ES5
const getName = function(name) {}

function getName(name) {
  return name;
}

//ES6
const getName = (name) => {}
const getName = name => {}

const hi = name => { return name };
const hi = name => name;
};

3. 조건문 if

• 위에서부터 차례로 조건을 체크하며 내려오기 때문에 순서가 중요하다!
  

논리연산자

• or ||
  
• and &&

내가 만든 가위바위보 게임

• player1이 이기면 player1 이라고 return
• player2가 이기면 player2 라고 return

function rockPaperScissors(player1, player2) {
   if ((player1 === "가위" && player2 === "보") || 
       (player1 === "보" && player2 === "바위") ||
       (player1 === "바위" && player2 === "가위") || 
       (player1 === player2)) {
     return "player1"
   }
  else{
    return "player2"}
}

4. 비교연산자

1) 동치 연산자 ==, ===, !=, !==

연산자 양쪽에 있는 두 값을 비교하는 비교연산자.
비교연산자 기준으로 왼쪽/오른쪽 나눠서 코드를 실행한다.

• === 연산자는 값과 타입이 같은지를 비교하는 동등비교 연산자. (엄격 비교)
  if ("3" == 3) {return true;}
• == 연산자는 느슨하게 값을 동등비교 연산자 (추상 비교)
  if ("3" === 3) {return false;}
• !== 연산자는 같지 않음을 비교하는 연산자

2) 관계 연산자 >, <. >=, <=

5. for문