[JS] 함수 선언, 할당

1. 보관함, 데이터 설정

 

               let  a  = 12;                 - let은 보관함 안의 데이터 할당을 수시로 가능

           const b = 'kim';             - const은 데이터 할당시 변경 불가능

    (보관함 선언) = (데이터 할당)

 

let a = 12, b =kim 

let 선언을 한번만 하고 ','를 사용하여 let 중복사용을 막을 수 있다.

 

2. 자바스크립트 타입 개념과 종류

자바스크립트에는 타입 이라는 개념이 있습니다. 자바스크립트의 모든 값(value)는 각자 타입을 가지고 있습니다. 

JavaScript에서도 타입에 따라서 할 수 있는 일이 다릅니다.

string(문자열), number(숫자열), boolean(참/거짓), undefinded(변수에 값이 없을 때 출력 값), 함수 모든게 타입 입니다.

반대로 typeof 를 활용하여 특정 값의 타입을 확인도 할 수 있습니다.

 

- 타입에 종류에 따른 동작 방식의 차이

let socre = 90 + 10;        //  100

let score = 90 + '10';      //  '9010'

 

3. 함수의 선언 방법

함수가 "작은 기능의 단위" 로써 어떠한 목표를 이루어 내기 위한 효율적인 도구라고 생각합니다.

함수를 선언 할 때에느 여러 방법이 있습니다.

 

1) 함수 선언식

  function z (x, y) {

    let A = z * y

    return A

}

 

2) 함수 표현식

  let z = function (x, y) {

    letA=z*y

    return A

    }

 

3) 함수 표현식 (화살표 함수 - 1)

  let z = (x, y) => {

    let A = x*y

    return A

    }

 

4) 함수 표현식 (화살표 함수 - 2)

  let z = (x, y) => x*y

 

function 함수 선언을 하여 필요한 변수를 선언하고-> function z (x, y)

대입을 위한 저장소 공간 확보를 하면서 공식을 대입한다. ->  let A = z * y

화살표 함수의 경우에는 function이 =>로 대체된다고 보면 간단합니다. 

 

 

4. 함수와 타입의 활용

 

1) Number로 변환

function change(a) {
return Number(a);
}

let output = change('123'); 
console.log(output); // --> 123

 

 

2) String로 변환

function change(b) {
return String(b);
}

let output = change(321); 
console.log(output); // --> '321'

 

 

먼저 함수를 선언(매개변수) 해주고 넣어보고자 하는 값을 호출(전달인자)하여 넣게 되면 값이 도출해집니다.

Number와 유사한 parseFloat를 사용하여도 됩니다. Float는 실수 입니다.

코드 1~3줄까지만 치면 undefinded 를 만나 볼 수 있습니다. 왜 나오게 되는지 이해를 한다면 이해도가 올라갈 것 같습니다.

 

크롬에서 도구(f12)를 누르고 실행을 해보면 문자열로 변환 시킬때 색깔만 달라져 나오는 것도 확인이 가능합니다.

이것은 console이 확인용 함수이기 때문에 ''까지 값으로 나오지 않는다는 것을 동기분께서 설명해 주셨습니다.

 

 

3) String을 boolean값으로 변경 함수

function change(a) {
return Boolean(a);
}

let output = change('123'); 
console.log(output); // --> ture

 

 

 

booelean은 대부분을 ture 로 변환하고

false 조건은 아래와 같습니다.

1. 0
2. '' (빈문자열)
3. null 
4. undefined
5. NaN