[ JavaScript ] JavaScript 에 대해_1

 

1. 기본 구조 

1. 자바스크립트의 구조

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

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

    1) 선언

    2) 조건 문(분기 문)

    3) 반복 문

    4) 함수

 

2. 식별자(변수) 선언

  1) 주석

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

  2) 표현식

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

  3) 키워드

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

  4) 식별자(변수)

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

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

 4) 자료형

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

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

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

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

 

 

2. 함수

1. 종류 

1) 익명함수

2) 선언적함수 

3) 즉시실행함수

 

2. 익명 함수 

  1) 형태

    function(<매개변수1>, <매개변수2>, ...) { 코드.. }

  2) 사용시기 

    - 변수에 함수를 할당 할때.

    - 함수에서 함수를 리턴 할때

 

3. 선언적 함수

  1) 형태

      function <function name>(<매개변수1>, <매개변수2>, ...) { 코드...}

  2) 사용 시기 

    - 반복적인 호출이 필요 할때

    - 내부 함수로 활용이 가능하다.

(다른 사람이 정의한 함수와 겹치는것을 방지 할때 사용)

    - callback 함수를 매개 변수로 전달 할때

 

4. 익명 즉시 실행 함수 / 선언적 즉시 실행 함수

  1) 형태 

    (1) type-1

      - 선언적 즉시 시행 함수

        (function <function name>(<매개변수1>, <매개변수2>, ...) { 코드... })();

      - 익명 즉시 시행 함수

        (function (<매개변수1>, <매개변수2>, ...) { 코드... })();

 

    (1) type-2

      - 선언적 즉시 시행 함수

        (function <function name>(<매개변수1>, <매개변수2>, ...) { 코드..   }());

 

      - 익명 즉시 시행 함수

        (function (<매개변수1>, <매개변수2>, ...) { 코드... }());

  2) 사용 시기 

    - 즉시 실행 함수는 한 번의 실행만 필요로 하는 초기화 코드 부분에 많이 사용됩니다.

    - 그렇다면 왜 초기화 코드 부분에 많이 사용 할까요? 변수를 전역(global scope)으로 선언하는 것을 피하기 위해서 입니다.

    - 전역에 변수를 추가하지 않아도 되기 때문에 코드 충돌 없이 구현 할 수 있어, 플러그인이나 라이브러리 등을 만들 때 많이 사용됩니다.

 

5. 함수의 생성 및 실행 순서("선언적 함수" -> "익명 함수")

  - javascript실행 시 생성 순서 : 선언적 함수 > 익명 함수 

 

6. "익명 함수 활용" 및 "선언적 함수" 활용법

  1) 익명 함수 활용

    (1) 식별자(다른 말로 "변수")에 함수에 할당 한후 사용

      - 코드를 줄일 떄 유용하다.

      - 범용성이 좋아 진다.(코드 분석은 약간 힘들수 있다)

ex : if ( choose ==1 ) { var test = function () { 코드 } } else { var test = function () { 코드 }

 

    (2) 함수를 리턴 할 때 사용 : return function(){ 코드 }

 

2) 선언적 함수 활용

    (1) 일반 함수 처럼 사용 가능하다(생략)

    (2) 내부 함수로 활용이 가능하다.

      1] 내부 함수란? 

        - 함수내에 생성한 선언적 함수인다

        - 여러 프로젝트를 하다보면 함수명이 겹칠 수 있다. 이럴 경우 내부 함수를 사용하여 회피 가능하다.

7. 기타 함수 활용법(Callback)

  1) callback(콜백) 함수

    - callback 함수란 매개 변수로 전달되는 함수를 말합니다.

    - 언제 쓰나??

      1) 비동기 적으로 함수를 실행 하고싶을때 사용한다.

         async 키워드로 함수를 만들후 await 로 비동기로 만들어서 비동기 효과를 냅니다

         * await 동작 방식 

           https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/await

8. 클로저(closure)란?

  - 클로저란 특성이다.

  - 함수가 실행 후 종료 되어도, 종료된 함수 내의 변수가 소멸되지 않는 특성을 말한다.

  - 이러한 특성을 활용한 함수가 클로저 함수입니다

  - 클로저 함수가 되는 조건

    1) 리턴 되는 함수이어야 한다. 

    2) 함수가 정의된 곳의 변수(아래 코드에서는 name)를 사용해야 한다.

 

 

 

3. 내장함수

1. 타이머 함수

2. 인코딩과 디코딩 함수

3. 코드 실행 함수

4. 숫자 확인 함수

5. 숫자 변환 함수

 

 

 

 

== 출처 ==

출처: https://doitnow-man.tistory.com/124 [즐거운인생 (실패 또하나의 성공)]

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