AI교육과정 - JavaScript.5

• arguments: 매개변수 값 확인 가능

arguments // [Arguments] { '0': 10, '1': 3 }
arguments[1] // 3

• 조건이 맞지 않는 경우 함수 도입부분에서 함수를 미리 종료

function print(num){
    if(num < 0){
        return; // undefined
    }
    console.log(num);
}

• 함수

  1. 함수의 기본

     function sum(num1, num2){return num1 + num2;}
     const result = sum(10,3);

  2. 함수 메모리

     const add = sum;
     console.log(add(10,3));

  3. 콜백 함수

     const calc_add = (a, b) => a + b;
     function calculator(num1, num2, action){const result = action(num1, num2);}
     calculator(4, 2, calc_add);

• 변수
  1. 매개 변수의 기본값은 무조건 undefined
     • 함수 선언 시 매개 변수 값을 지정하지 않은 경우 undefined로 설정됨
  2. 변수의 값 호출법
     • 객체명[’key값’] == 객체명.key값 ex) dog[’age’] 와 dog.age는 동일함
       
• 객체
  • 원시값과 객체값의 비교
    • 원시값: 값에 의한 복사
    • 객체값: 참조에 의한 복사(메모리 주소)
  • 객체 생성 방법

    함수명()

  • 필드 추가/삭제 방법

    //추가
    객체명.key = value;
    dog.family = '포메';
    //삭제
    delete 객체명[key값]

  • 객체 속성 복사

    { ...obj, age: 15}; // ...은 복사, age를 15로 변경하여 복사한 것

• 함수의 메소드 속성
  • static
    • 정적 프로퍼티 및 메소드
    • 클래스 레벨 메서드에서는 this를 참조할 수 없음
  • Private

    • #을 붙이면 private값이 됨

      #color;
        constructor(color){
            this.#color = color;
        }

  • getter/setter

    get info () {} // getter 메소드
    set info (value){ // setter 메소드
    		this.#name = value;
    }
    console.log(rucy.info); // get 실행 방법
    rucy.info = '뽀미'; // set 설정 방법

  • 상속

    class Animal {constructor(color){}}
    class Cat extends Animal{constructor(color,name){
        super(color); // 부모의 값을 가져다 씀
        this.name = name;} // 자식 메소드에서 새로 생성
    

• 래퍼 객체(Wrapper Object)

  • JavaScript는 JAVA와 다르게 변경된 타입이 저장되지 않음

    const num = 10; // number 원시 타입
    num.toString();// num object

  1. .toExponential()
     • 지수 표기법(10의 n승으로 표기)
  2. .toFixed()
     • 반올림하여 문자열로 변환
  3. .toLocaleString('ar-EG')
     • 로컬 형식의 문자형으로 변환
     • 아랍어로 표시됨
• 브라우저 안/밖의 사용 가능한 기능 확인 방법
  • 브라우저 밖(node.js)
    • console.log(globalThis);
  • 브라우저 안(browser)
    • F12 ⇒ console에 ‘globalThis’ 입력 후 엔터
• URL or URI(Uniform Resource Identifier)

  • 아스키 문자로만 구성돼야 함

  • 한글이나 특수문자는 이스케이프 처리

    const URL = ‘http://www.코리아아이티아카데미/com’;
    const encoded = encodeURI(URL); // 이스케이프 처리
    const decoded = decodeURI(encoded); // 디코드(원래대로) 처리

  • 전체 URL이 아닌 부분 이스케이프 처리

    const part = '코리아아이티아카데미.com';
    const result = encodeURIComponent(part); // 부분 이스케이프