본문 바로가기

코드스테이츠

코드스테이츠 1주차

개념

  • 타입
        (Boolean) => 참 or 거짓을 제공
        (undefined)    
        (함수)  
             함수(파라미터와 값을 리턴) 
                1. 버튼 제작
                2. 버튼 사용
               예시 (어떤 목적을 가진 반복적인 계산 or 작업을 표현한 곳)
                 
  • Q 1.return 한 것과 없는 것의 차이는?
1-1 리턴을 주었을 때

 function getSomething(a,b){

    let result;
    result=a+b;
    return result;
    
}
    
    
let sum= getSomething(1,2);
    
undefined
console.log(sum);

==> return 에 결과 값을 주어 sum 에 반환한다.

1-2 리턴을 주지 않았을 때

 

function getTriangle(a,b){


    let result= 0;
    result=a+b
    

}


let result=getTriangle(1,2)
undefined
console.log(result)
VM470:1 undefined
undefined

 

 

 

결론

     리턴을 주지 않으면 반환할 변수가 없기 때문에 위에 예시처럼 console.log 를 찍어도 undefined 라고 나온다. 

 

 

 

 

 

 

 

 

 
                     2.매개변수와 전달인자의 차이는?
                        getTriangleArea(3,4) -> 전달인자 

 

 

 

 

 

 

#이해를 정확하게 했는지를 위한 예시문 만들기 

사각형을 계산하는 함수와 화살표 함수를 제작하시오 

1.1 변수를 함수의 형태로 만들기 

let getRectangleArea= function(base,height){

    result=base * height
    
    return result
}
undefined
getRectangleArea(2,3)
6

 

 

1-2 변수를 화살표 함수의 형태로 만들기( function대신에 화살표 대체)

let getRectangleArea= (base,height)=> {

    result=base * height
    
    return result
}
undefined
getRectangleArea(2,3)
6

 

Q. 함수를 선언을 하고 나중에 쓰는 것과 표현식은 무엇이 다른가??

 

상황

    function getSomething(a,b){

    let result;
    result=a+b;
    return result;
    
   }

==>단순 선언... 할당을 해야 메모리에 저장 후 이를 사용할 수 있다.

 

let result = function(a,b) 

 

이를 통해 result 값에 할당을 한 후 자유롭고 겹치지 않게 사용할 수 있다.

 

result(1,2) 

 

 

만약 내가 원래대로 했다면??

  function getSomething(a,b){

    let result;
    result=a+b;
    return result;
    
   }

 

result=getSomething(a,b)

 

 

 

검색 잘 하는 방법 

 

how to ~

mdn 

 

 

 

조건문 햇갈리는 것

1. 비교 연산자

      === 같다

      !== 다르다.

     >=  크거나 같다.

2. 논리 연산자

   &&

   ||

 

 

 

 

 

 

'코드스테이츠' 카테고리의 다른 글

객체  (0) 2021.08.02
코드스테이츠 2주차 배열  (0) 2021.07.30
코드스테이츠 2주차 Git  (0) 2021.07.29
코드스테이츠 2주차 querySelector ,CLI  (0) 2021.07.26
코드스테이츠 1주차 HTML  (0) 2021.07.23