ProgrammingLang/Javascript

[javascript] 1. 자바스크립트 기초 (기본 구조)

jinkwon.kim 2018. 9. 27. 23:05
728x90
반응형

[javascript] 1. 자바스크립트 기초 (기본 구조)


* 목차 *

1. 자바 스크립트의 언어 구조

2. 식별자(변수) 선언

3. 분기(조건)문 (if 문 , if else if 문, switch문)

4. 반복문

5. 함수

6. 정리



1. 자바스크립트의 구조

  - 자바스크립트는 또한 객체 언어 입니다.(즉, 모든 것을 객체로 취급합니다)

  - 자바 스크립트는모든 언어와 동일하게 4개의 구조로 이루어 져 있습니다.

    1) 선언

    2) 조건 문(분기 문)

    3) 반복 문

    4) 함수



2. 식별자(변수) 선언

  - 모든 언어와 동일 합니다.

  1) 주석

    - 프로그래밍 코드를 설명 한다. 코드에 아무런 영향을 미치지 않느다. 

  2) 표현식

    - 실행 가능한 코드 한줄을 의미한다.

  3) 키워드

    - 미리 예약되어있는 프로그래밍 예약어 이다.

  4) 식별자(변수)

    - 프로그램 내부에서 특정 값을 식별을 하기위해 사용된다

    - 식별자는 var 자료형을 통하여 모든 자료형을 다룹니다.

  4) 자료형

    - 데이터의 형태를 의미합니다.

    - 10은 숫자형 자료형 입니다.

    - "test" 는 문자열 자료형 입니다.

    - javascript는 다른 언어와 다른게 함수 또 한 자료 형으로 사용합니다.

      (C언어의 함수 포인터와 유사합니다)


3. 분기(조건)문 (if 문 , if else if 문, switch문)

  - bool 표현식 이 True일 경우 조건 안의 표현 식을 실행 한다.

  - 조건 문은 3가지의 형식이 존재 합니다. 

    if 문 , if else if 문, switch문

  1) if 문

    - bool 표현식이 True일 경우 다음 {}안의 표현 식을 수행 합니다.

if (<bool 현식>) {

  수행 될 표현 식들...

} else {

  if bool 표현식이

  false일 때 수행 표현 식

}


  2) if, else if 문

    - 순차적으로 if 다음의 bool 표현식을 검사 합니다. 

    - bool 표현 식이 true이면 아래의 모든 else if문을  건너 뜁니다.

    - if 문은 단 한번 사용가능, else if 문은 여러번 사용가능

If (<bool 표현식>) {

  수행 될 표현 식들...

} else if (<bool 현식>) {

  수행 될 표현 식...

} else  {

  if else if bool 표현식이 모두     

  false일 때 수행 될 표현 식

}

  3) switch 문

    - 입력된 값과 일치하는 case 문을 수행합니다 

    - case 문 안에 break가 없다면 다음 case문에 실행 됩니다.

    - 분기문은 switch 문을 사용하는 것을 권장 합니다.

      코드가 깔끔해지고 유지 보수가 쉽습니다.

switch (<int형 결과의 표현식> OR <int >) {

  case int:

    break;

  case int:

    break;

  case int:

    break;

  default:

    break;

}


4. 반복문

  - 반복 문에는 4개의 종류가 존재합니다.

    while, do while, for, for in

  1) while

    - bool 표현식이 false 일때 까지 {}안의 표현 식 코드들을 수행 합니다

    - 종료 조건은 break 문으로 종료 하거나 bool 표션 식이 false일때 종료

    while (<bool 표현 식>) {

      수행 될 표현 식들...

    }


  2) do while

    - 최초 한번 무조건 코드를 실행 후 반복 하고자 할 떄 사용합니다.

    - 종료 조건은 break 문으로 종료 하거나 bool 표션 식이 false일때 종료

    do {

      수행 될 표현 식들...

} while (<bool 표현 식>);

  3) for 문

    - 동작 순서, 초기 식 -> {조건 식 -> 종결 식, ...}, 

    - 조건 식이 false 일때 까지 {조건식 -> 종결식} 반복

    for (초기 식; 조 건식; 종결 식) {

      수행 될 표현 식들...

    }


  4) for in 문

    - 배열에 있는 요소들을 한개씩 꺼낼 때 주로 사용한다.

    for (변수 in 배열) {

      수행 될 표현 식들...

    }

5. 함수 

  - 함수에는 익명 함수와 , 선언적 함수가 존재 합니다.

  1) 익명 함수

    - 함수 명이 존재 하지 않는 함수

    function () {

      코드...

    }

  2) 선언적 함수

    - 함수 명이 존재 하는 함수

    function <함수 이름>() {

      코드...

    }


6. 정리

  - javascript는 일반적인 언어처럼 선언, 분기문, 반복문, 함수로 이루어 져있습니다.

    그리고 모든 프로그램은 이 4가지의 구문을 통해서 만들어 집니다.

  - 다음 포스트 부터는 선언, 조건 ,반복은 건너 뛰고 함수에 대헤서 좀더 알아 보겠습니다.



<연관된 글>

- [javascript] 1. 자바스크립트 기초 (기본 구조)

[javascript] 2. 자바스크립트 함수란?

[javascript3. 자바스크립트 내장 함수

[javascript] 4. 자바스크립트 실행 순서

[javascript] 5. 자바스크립트 객체 란?

[javascript] 6. 자바스크립트 값 복사와 참조 복사

[javascript] 7. 자바스크립트 생성자 함수와 프로토타입(Prototype)

728x90
반응형