[코드스테이츠 TIL] 자바스크립트 변수, 조건문, 함수 개념

[변수 variable]

변수 : 상황에 따라 변할 수 있는 값

 

let 변수이름 = 값

 

ex)

let myname = '안수빈'

let pi = 3.141592

 

▶ 선언: let myname; 할당: myname = '안수빈'

• 할당할 때 등호(=)는 같다라는 의미가 아니라 우항값을 좌항 변수에 대입하는 것을 의미한다
  (할당을 하지 않고 선언만 한다면 myname은 undefined로 뜬다)

• 코드에서 = (이퀄)을 보면 우항을 먼저 본다. 우항을 좌항에 대입한다는 의미이기 때문이다

• 변수 선언은 한 번만 한다

• 변수 이름은 숫자로 시작할수없고 공백이 들어갈수없다

//변수는 동일한 변수를 이용해 대입할 수 있다.

let sum = 1;
sum = sum +2;
sum = sum+3;

 

▶ 변수 타입 : 숫자, 문자열, 불리언, 자료형,undefined ...

 

함수 인자로 넘기는 변수의 타입이 무엇이냐에 따라 전달의 형태가 달라진다

* 값을 복사해서 넘기는 타입 Primitive Types : 문자열, 숫자, 불리언, null, undefined
 - 바깥에 선언되고 함수 내에서 변경하는 것 불가능

* 참조(주소값)을 복사해서 넘기는 타입 Reference Types : 객체, 배열, 함수

 - 바깥에 선언되고 함수 내에서 변경 가능

 

let text = 'hello world';
function passByValue(param) {
console.log(param);
param = 'good bye';
}
passByValue(text);
// text === 'hello world' 

let obj = { greeting: 'hello world' };
function passByReference(param) {
console.log(param); // { greeting: 'hello world' }
param.greeting = 'good bye';
console.log(param); // { greeting: 'good bye' }
}
passByReference(obj);
// obj는 { greeting: 'good bye' }

 

[조건문 if]

truthy : true로 취급하는 것들 (falsy값이 아니면 모두 truthy로 취급한다. 정해진 문법)

falsy : false로 취급하는 것들 false, null, undefined, 0, NaN, ' '

 

if (조건1) {
} else if (조건2) {
}else{
}

• 조건에는 불리언으로 결과가 나오는 비교 구문이 들어간다.
• 두가지 이상의 조건을 한 번에 적용하려면 논리연산자를 사용 ===, ! ==, >, < 등등
• 논리연산자 NOT : ! 참거짓 여부를 반전시킴
  ex) !false = true

 

[함수 function]

입력 → 함수 → 출력

 

let timeToGoHome = function(speed, distance) {
	let time = distance / speed;
	return time;
}

timeToGoHome(20,100);
// 출력값은 5

매개변수 parameter ▷ speed,distance

매개변수에 전달할 값 = 전달인자 arguments ▷ 20,100

 

함수에는 입력과 출력이 꼭 필요하다 : input(parameter)과 output(return)

 

만약 return하지 않는다면 함수호출결과는 undefined가 된다.

따라서 return 코드가 꼭 필요하다. 리턴은 함수 밖으로 결과를 반환해준다