ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Modern JS -기본문법
    신나는 JavaScript 2022. 12. 29. 22:27

    1. 변수

     값을 할당(메모리상 해당 주소에 저장)하고 그 값을 참조하기 위해 사용함.  위치(메모리 상의 주소)를 기억하는 저장소임.

    메모리 주소에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자 

     

     

    2. 값

    자바스크립트는 7가지의 데이터 타입을 제공함.

     

    원시타입(primitive data type)

    • number
    • string
    • boolean
    • null
    • undefined
    • symbol(New in ECMAScript 6)

    객체타입(Object data type)

    • object

     

    3. 연산

    연산시 데이터 타입이 일치하지 않으면 '암묵적 타입 강제 변환'을 통해 연산을 수행함.

    const foo = 1 + '10';  //결과값 '110'
    const bar = 1 * '10';  //결과값 10

     

    4. 표현식

    표현식(Expresstion)은 하나의 값으로 나타남. 표현식은 평가되어 값을 만들지만 그 이상의 행위(if, for, while등의 제어문)는 할 수 없다.

    //표현식
    5		//5
    5*10		//50
    5 * 10 > 10 	//true

     

    5. 객체

    자바스크립트는 객체(object)기반의 스크립트 언어임. 자바스크립트를 이루고 있는 거의 "모든 것"이 객체이다. 

    원시 타입(number, string....etc)을 제외한 나머지 값들(함수,배열,정규표현식 등)은 모두 객체이다.

    객체는 키와 값으로 구성된 프로퍼티의 집합임.  (키:값 >> 을 프로퍼티라고 함)

    프로퍼티의 값으로는 모든 값을 사용할 수 있음. 함수도 값으로 사용 가능. (이때 이 함수는 메소드라고 불림)

    const person = {
    	name : 'Heo',
        sayHello : function(){
        			console.log("hi I am " + this.name);
                    }
        };
    
    console.log(typeof person);	//object
    console.log(person)		//{name:'Lee',sayHello:[function : sayHello]}
    
    person.sayHello();		//hi I am Heo

    자바스크립트의 객체는 객체지향의 상속을 구현하기 위해 "프로토타입"이라고 불리는 객체의 프로퍼티와 메소드를 상속받을 수 있다.

     

    6. 배열

    배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용함. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함함.

    const arr = [1,2,3,4,5];
    
    console.log(arr[1]);	//2

    '신나는 JavaScript' 카테고리의 다른 글

    Modren JS - 연산자  (0) 2023.01.03
    Modren JS - 데이터 타입과 변수  (0) 2022.12.29
    Modern JS  (0) 2022.12.28
    JavaScript와 DOM  (0) 2022.01.13
    비동기처리를 위한 Promise의 이해  (0) 2022.01.12
Designed by Tistory.