-
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