Computer Science/Javascript

Javascript -5- 연산자, 함수

Dior2ky 2020. 1. 23. 18:41
반응형

연산자 

 

연산자도 다른 언어들이랑 동일하다

이항연산자 : +, -, *, /, %

단항연산자 : -

증감연산자 : ++, --

 

Math 관련 명령어

Math.pow(A,B); -> A의 B승을 구할 때

Math.sqrt(A); -> A의 제곱근을 구할 때

Math.random(); -> 0~1 사이의 임의의 난수를 발생시킬 때

 

함수 

함수란 호출에 의해 여러 번 실행할 수 있는 코드 블럭을 말한다.

 

함수 정의 방법

function 함수이름(파라미터1, 파라미터2){
    /*
        실행될 코드
    */
    return 반환값;
}

 

파라미터

함수의 정의 부분에 나열되어 있는 변수이다.

여러개인 경우 콤마(,)로 구분하여 사용하고 

파라미터가 아예 필요 없는 경우도 있다.

함수 안의 코드에서 변수처럼 활용한다.

 

return

함수의 출력으로 내보낼 값이다.

함수 중간이라도 return  구문을 만나면 함수가 즉시 종료된다.

함수를 호출한 표현식은 반환값으로 대치할 수 있다.

 

관계연산자

<. >, <=, >=, ==, !=

 

논리연산자

AND(&&)

OR(||)

NOT(!)

 

연산자 우선순위

순서 

++, --

!

*, /, %

+, -

<. <=, >, >=

==, !=

&&

||

 

괄호

우선순위를 명시하기 위해 괄호 사용

가독성을 높이고 연산자 우선순위 실수를 방지해준다.

 

다음은 실습을 통해 익혀보자

index.html

<html>
    <head>
        <meta charset="utf-8">
        <script src="lecture09.js"></script>
    </head>
    <body>
        This is a HTML page
    </body>
</html>

lecture09.js

var a = 1;
console.log(a);
console.log(a+1);
console.log(a);

var a = 1;
console.log(a);
console.log(++a);
console.log(a);

var a = 1;
console.log(a);
console.log(a++);
console.log(a);

첫번째는 a가 1이었기 때문에 1이 출력되고 다음은 1이 더해진 2, 마지막은 다시 a를 불러오기 때문에 1이 출력된다.

다음은 변수 a의 1이 출력되고 ++가 붙어 이후로는 변수 a에는 2가 들어있게 된다. 따라서 그 후 두번은 2가 출력된다.

변수 a의 1이 출력되고 다음은 ++가 a 뒤에 붙었기 때문에 다시1이 출력되고 변수 a에 2가 들어간다. 마지막은 2가 출력되게 된다.

 

다음은 함수에 대한 실습이다.

index.html

<html>
    <head>
        <meta charset="utf-8">
        <script src="function.js"></script>
    </head>
    <body>
        function
    </body>
</html>

function.js

function return_test(){
    return;
    console.log("실행되지 않는 코드");
}

function print(message){
    console.log("print function in");
    console.log(message);
    console.log("print function out");
}

function sum(arg1, arg2){
    var result = arg1 + arg2;
    return result;
}

실행한 후 return_test() 함수를 실행하면 return을 만나 바로 종료되기 때문에 return 이후의 콘솔로그는 실행되지 않는것을 볼 수 있다.

print() 함수는 세개의 콘솔로그를 출력하며 파라미터 값도 출력이 가능함을 보여준다.

sum() 함수는 파라미터 값을 연산하여 결과 값을 반환하는 것을 보여준다.

 

반응형

'Computer Science > Javascript' 카테고리의 다른 글

Javascript -7- 배열, 주석  (0) 2020.01.23
Javascript -6- String  (0) 2020.01.23
Javascript -4- Object  (0) 2020.01.18
Javascript -3- number, string, boolean  (0) 2020.01.18
Javascript -2- 변수, 자료형  (0) 2020.01.18