[바닐라JS] 3일차(2.7~2.16)_ 함수의 인자 & return / 조건문의 조건 & 연산자

하서율·2022년 7월 6일

바닐라JS

목록 보기

4/8

2.7~2.16

2. WELCOME TO JAVASCRIPT

2.7 Functions part One

함수_1

function

계속 반복해서 사용할 수 있는 코드조각
반복되는 것들을 function으로 묶어, 코드를 간단히 할 수 있다.
어떤일을 수행하고 그 결과를 알려주는것.
()에 인수를 전송해 실행 시킬 수 있다.
인수 : 함수를 실행하는 동안 어떤 정보를 함수에게 보낼 수 있는 방법.

2.8 Functions part Two

함수_2

1. 기본 함수로 데이터 받기

sayHello('') 의 괄호 사이에 있는 인자가 데이터로 들어오면 nameOfPerson이라는 변수의 이름을 쓴다.
인자는 여러개 쓸 수 있다.

2. 객체 내의 함수 데이터 받기
객체이름.함수이름(인자)

2.9 Recap

복습1

Number, “string” or ‘string’, Booleans 등의 JS 가 이해하는 데이터 타입이있다.
const /let 방법으로 데이터를 변수에 저장 할 수있다.
- const: 변하지 않는 데이터값 let : 데이터값을 업데이트 할 수있음
배열 (array) 하나의 변수에 많은 데이터를 저장할 수 있음

2.10 Recap II

복습2

객체(object):의미가 서로 다른 데이터들을 하나의 변수에 저장

function: 중복되는 코드를 캡슐화해서 반복사용 가능하게 함.

목적은 여러가지 일을 같은 코드로 하기 위함이기 때문에 function밖에서 데이터를 넣을 수 있게 하는 것이 좋음.

과제
: 1,1 의 더하기 빼기 나누기 제곱 결과 구하기

const calculator = {
 	add: function(a,b){
 	 console.log(a+b)
	 },
	minus: function(a,b){
  	console.log(a-b)
	},
 	divide: function(a,b){
    console.log(a/b)
	},
	power: function(a,b){
 	 console.log(a**b)
	}
}
calculator.add(1,1);
calculator.minus(1,1);
calculator.divide(1,1);
calculator.power(1,1);

2.11 Returns

함수의 결과값

Return은 함수에서 어떤 작업을 처리하면 그 결과를 내보내 준다.

▶️ console 창에는 96이 아닌 98 (return뒤의 값)이 출력 된다.

2.12 Recap

복습!

함수내에 return을 사용하면 결과값을 내보낸다
그 리턴값은 변수에 대입시켜 사용 할 수 있다.
return 이 실행되면 함수가 종료된다.

2.13 Conditionals

조건문 1 _ 데이터 타입 변환

prompt()
팝업화면으로 사용자에게 값을 입력하게함
입력값은 항상 string으로 저장됨.
현재는 많이 사용하지 않음

typeof()
데이터의 타입 확인

PalseInt()
string을 숫자 타입으로 변환

2.14 Conditionals 2

조건문 2 _ 무엇이 NaN인지 판별하는 방법

isNaN()

boolean 값을 리턴

true = 숫자가 아니다
false = 숫자이다.

조건문 기본

if (true) {
명령코드
} else {
false 일때 명령코드;
}

2.15 Conditionals 3

조건문 3

조건문_여러조건추가

if (true) {
명령코드
} else if (true) {
또다른 조건 일때 명령코드;
} else{
 위의 모든조건들이 아닐때 명령코드}

&& 과 ||

true || true === true
false || true === true
true || false === true
false || false === false

true && true === true
false && true === false
true && false === false
false && false === false