JavaScript (추상화)

소재현·2022년 6월 30일
0

JavaScript

목록 보기
3/4
post-thumbnail

추상화

할당 연산자

javascript에서는 이 등호를 ()=)할당 연산자 라고 부른다 오른쪽에 있는 피연산자를 왼쪽에 있는 피연산자에 할당(지정,정했다,대입했다)한다라는 의미이다

복합 할당 연산자

증가,감소 연산자

함수의 실행순서

함수를 호출하려면, 일단 함수를 선언해야 합니다.
expressMultiplication라는 함수 이름과, 두 개의 숫자 값을 입력받을 파라미터(x, y)를 가지는 함수는 다음과 같이 선언할 수 있습니다.

    function expressMultiplication(x, y) {
    }

그리고나면 이제 동작 부분을 채워야 하는데요. 이번 과제에서 출력하고자 하는 문장은 간단하면서도 의외로 문자열 연결을 여러 번 해주어야 합니다.

3 * 4 = 12

일단 예시를 보면, 예시에 나오는 곱셈기호와 등호를 문자열로 출력해야 하고, 그 기준으로 두 개의 파라미터도 잘 연결해줘야 합니다.

function expressMultiplication(x, y) {
console.log(x + ' * ' + y + ' = ' + x * y);
}

이렇게 작성하면 우리가 작성하고자 하는 문제는 잘 해결할 수 있는데요.
그런데 일단 너무 많은 더하기 연산자 때문에 가독성이 좋지 않고, 곱셈기호와 등호를 문자열로 만들 때, 양쪽에 띄어쓰기하는 것도 신경써야하고, 또 연산 우선순위에 따라 마지막 부분의 x * y가 먼저 연산 되는걸 알고는 있지만, 혹시나 더하기 연산이 먼저 수행되진 않을지 신경 쓰일 수도 있습니다.
이런 문제를 해결하기 위해서는 템플릿 문자열을 사용하는 것이 좋은데요, 다음과 같이 작성할 수 있습니다.

function expressMultiplication(x, y) {
console.log(`${x} * ${y} = ${x * y}`);
}

return문 제대로 이해하기

리턴문을 통해서 함수 호출 부분에 어떤 값을 되돌려주고 나면 그대로 함수의 실행이 중단이된다
4번줄에 있는 코드를 죽은 것에 비유하는 Dead Code라고 부른다
실행이 되지않는 코드니까 작성하지않는다

retuen과 console.log의 차이

리턴은 함수를 실행하는 어떤값을 돌려주는 것이고 console.log는 콘솔에 어떤 것을 출력해주는함수라는 것이다
콘솔문 없이 만약 리턴문을 호출하게 된다면 값만 돌려주고 아무런 결과가 출력되지 않는다. 반대로 Console.log에 어떠한 값을 입력해 주지 않으면 Undefined가 출력된다.

옵셔널 파라미터

파라미터에 기본값을 설정하는 방법이 있다
함수를 호출할 때 파라미터 값을 전달해도 되고 생략해도 되니까 선택적으로 전달을 받는다고 해서 이런 파라미터를 '옵셔널 파라미터라고'한다

  • 한가지 주의해야 될 점은 파라미터의 위치이다 파라미터를 선언 할 때 반드시 생성한 다음 가장 뒤쪽으로 선언해 줘야 한다

변수의 scope

  • 로컬 변수, 지역변수 로컬변수는 블록문 내에서만 사용할 수 잇는 변수다
  • 글로벌 변수는 어디에서난 유효한 범위를 가지고 있다
  • 블록문 내에서 변수를 사용하게 되면 가장 먼저 로컬변수가 있는지 확인한 다음 없을경우에는 글로벌변수를 확인하여 사용한다
    -변수가 들어갈 자료형이 아직 결정되지 않았거나 일정하지않을 경우에는 null값을 할당하는게 좋지만 빈 값을 표현하면서 여기 있는 이변수에 일정하게 들어갈 값의 자료형도 간접적으로 표현하고 싶을때는 문자열일경우에 빈문자열을 '' 숫자의 경우에는 0 을 할당해 주는 방법이있다

상수

  • 일정한 값을 유지하는 것들은 상수로 표현하는것이 좋다 변수를 선언 할때 let을 대신에 const라는 키워드를 사용한다
  • 상수는 이름을 지을때 대문자와 밑줄로 작성하는 암묵적인 규칙이있다

0개의 댓글