[TIL_10] js - function

티나·2022년 10월 12일
0

function

  • 계속 반복해서 사용 할 수 있는 코드조각.
  • 어떤 일을 수행하고 그 결과를 알려주는 역할.
function sayHello (){
     console.log("Hello")
}

sayHello를 실행 할 때 마다 블록(중괄호)안의 내용이 실행된다.
위 예시의 경우 sayHello();하면 콘솔에 Hello라는 글자가 생긴다.

arguement

  • function을 실행하는 동안, 어떤 정보를 function에게 보낼 수 있는 방법
function sayHello(nameOfPerson, age){
  console.log("Hello My name is "+ nameOfPerson+" and I'm "+age);
  }
  
  sayHello("justina",10);
  sayHello("Yelim", 12);
  sayHello("tipi",9);

이렇게 하면,

Hello My name is justina and I'm 10
Hello My name is Yelim and I'm 12
Hello My name is tipi and I'm 9

이런 결과를 얻을 수 있다.

함수를 이용해 계산기를 만들 수 있다.

function plus(a,b){
    console.log(a+b);
    }
    
    plus(2,4);
    

를 실행하면 콘솔에서 6이라는 결과를 얻을 수 있다.

return
function이 function밖과 소통하는 방법

const age = 23;
function calculateKrAge(ageOfForeigner){
    return ageOfForeigner + 2;
}

const krAge = calculateKrAge(age);

console.log(krAge);

const krAge = calculatekrAge(age);
return ageOfForeigner + 2;의 결과로 대체한다.

return이 필요한 이유

  • console.log는 콘솔에 결과를 보여주기 위한 것으로 console.log 값은 function안에서만 있을 수 있다. 따라서 console.log만으로는 a+b, a/b와 같은 계산은 js코드에서는 그 값을 다른 것에 이용 할 수가 없기 때문에 값이 반환되는 return을 이용한다.

    한번 return 하면 return하는 순간 function(console.log)이 종료된다.

conditionals

parseInt()

  • 사용자가 입력한 string을 number로 변환해준다.
  • "15"는 15로 바꿔주고, 변환했는데 숫자가 아니면 NaN을 띄운다.

isNaN

  • 무언가가 NaN(Not a Number)인지를 판별하는 함수.
  • boolean(true/false)으로 변환한다.

조건문

어떤 조건에 따라 이후 행동이 달라지게 만든다.

if
괄호 안의 조건을 평가해서 true이면 실행한다.

if(age > 19){
   console.log("환영합니다");
} 
if(age <= 19){
   console.log("안녕히가세요")
   }

else
if문의 조건이 false일 때 실행된다.

else if
if 가 false일 때 한가지 컨디션을 더 사용할 수 있다.

논리연산자

&& and.

  • 모두 true일때만 true를 반환하고 하나라도 false이면 false를 반환한다.

|| or.

  • 하나라도 true이면 true를 반환. 모든 값이 false일때만 false를 반환한다.
  • 첫번째 true/false 발견하는 즉시 평가를 멈춘다.

!not.

  • true와 false를 반댓값으로 바꾼다. true 면 false, false면 true.
profile
프론트엔드 개발자를 목표로 하는 코딩 새싹

0개의 댓글