[JS] 바닐라 JS | #2.7~2.16) 함수의 사용 & 조건문

#2.7: Functions part One

()

함수를 실행시킨다.

{}

{} 안에 실행하고 싶은 것을 적는다.

argument

function을 실행하는 동안 어떤 정보를 function에게 보낸다.

 

#2.8: Functions part two

function안에 data 보내는 법: ()안에 인수 적는다.

 

#2.9: Recap

let -> 변경하고 싶은 변수에

const -> 변경하지 않을 변수에

semantic coding을 위해 var은 쓰지 말자.

 

#2.0: Recap II

console도 오브젝트의 일종이다.

JS가 이미 사용자를 위한 오브젝트를 갖고 있는 것이다.

 

#2.11: Returns

return

function을 실행할 때 function() 부분을 이것의 결과로 대체한다.

function이 function의 밖과 소통하는 방식이다.

 

#2.12: Recap

return하는 순간 function은 작동을 멈춘다.

 

#2.13: Conditionals

prompt(message, default) -> 사용자에게 창을 띄울 수 있게 해주는 함수

자바스크립트를 일시정지 시키고 사용자를 기다리게 한다.

사용자의 행동이 없으면 다음 코드로 넘어가지 않는다.

이 이유 + CSS 적용 안 됨 등의 이유로 인해 promt를 더 이상 사용하지 않는다.

이렇게 브라우저로 창을 띄우는 대신 요즘에는 대부분이 HTML, CSS로 만들어서 사용한다.

(js에서 오래된 언어는 여전히 사용 가능하긴 하다.)

 

typeof 변수 

변수의 데이터 타입을 알 수 있다.

 

변수의 자료형 변경하는 법

parseInt(변수)

string을 number로 변환한다.

숫자가 아닌 것이 들어올 경우 NaN을 리턴한다.

※ NaN: Not a Number

따라서 숫자가 아닌 값이 입력될 경우를 검사할 때 NaN인지 아닌지만 검사하면 된다.

 

함수 안에 함수 넣기

 

#2.14: Conditionals part Two

isNaN() -> NaN인지 아닌지 판단하는 함수. boolean 값 리턴

NaN 리턴 값이 false인 경우 NaN가 아니다. 즉, 숫자라는 것이다.

NaN 리턴 값이 true인 경우 NaN이다. 즉, 숫자가 아니라는 것이다.

 

조건문에 넣기 아주 좋은 함수이다.

 

조건문

if (conditon) {}

조건문의 condition은 boolean이어야 한다. t/f여야 한다.

true면 실행, false면 실행하지 않는다.

 

else if

 

#2.15: Conditionals part Three

논리 연산자

&& -> and

|| -> or

 

t || t === t

f || t === t

t || f === t

f || f === f

 

t && t === t

f && t === f

t && f === f

f && f === f

 

#2.16: Recap

== 보다는 ===을 주로 사용한다.

===는 JS에서만 사용하는 연산자이다.

==는 값만 비교하는 반면, ===은 유형까지 비교해준다.

때문에 ===을 주로 사용하는 것을 추천한다.

not은 !==로 표현한다.