본문 바로가기
728x90

Frontend/JavaScript9

9. 클래스 추상화추상화는 프로그램에 필요한 요소만 사용해서 객체를 표현하는 것이다. 예를 들어, 병원에서 사용하는 프로그램을 만들 때 의사, 간호사, 환자, 병실 등의 필요한 정보를 추려내는 것이다.  생성자생성자는 클래스를 기반으로 인스턴스를 생성할 때 처음 호출되는 메소드이다.생성자에서는 속성을 추가하는 등 객체의 초기화 처리를 한다.//기본형 class 클래스 이름 { constructor () { /* 생성자 코드 */ } } //예시 class Student { constructor(이름, 국어, 영어){ this.이름 = 이름 this.국어 = 국어 this.영어 = 영어 } }  메소드 선언//예시getSum(){ return this.국어 + this.영어.. 2024. 7. 15.
8. 구조 분해 할당 구조 분해 할당이란 객체나 배열 중 필요한 일부를 변수로 분해할 수 있도록 해주는 특별한 문법 구조이다. 배열 값 할당 한 번에 여러 개의 변수에 값을 할당할 수 있다.//기본형 [식별자, 식별자, 식별자, ...] = 배열 //예시1 let arr = [1,2,3]; let [num1, num2, num3] = arr; num1 -> 1 num2 -> 2 //예시2 let [a,b] = [1,2] console.log(a,b) -> 1,2  값 교체let a=1;let b=2;//[변환시킬 변수] = [변환할 변수 값][a,b] = [b,a];a -> 2b -> 1  객체 값 할당 객체 내부에 있는 속성을 꺼내서 변수를 할당한다. - 배열//기본형{속성 이름, 속성 이름 } = 객체{식별자=속성 .. 2024. 7. 15.
7. 객체 객체는 '키(key) : 값(value)' 쌍으로 구성된 형태로, 배열과 함수 등이 해당된다.//예시let user = { name: "John", age: 30, isAdmin: true}  객체 참조객체.key객체[ ' key ' ]//예시user.nameuser['name']  메소드 참조메소드 : 객체의 속성 중 함수 자료형인 속성최근에는 메소드 선언을 할 때, 'function'을 쓰지 않기도 한다.객체.메소드key() : 메소드 호출. 뒤에 괄호를 써야 한다.this : 메소드 내에서 자기 자신이 가진 속성임을 표시//예시const pet = { name : '구름', eat: function (food) { alert(this.name + food) }}//메소드 호출pet.eat(.. 2024. 7. 9.
6. 콜백 함수 콜백함수(Callback)는 매개변수로 함수를 전달받아, 함수의 내부에서 실행하는 함수이다.  사용 원칙익명의 함수 사용 : 코드의 간결성을 위해 함수의 이름을 쓰지 않는다.화살표 함수 모양 : (매개변수) => 리턴값//익명 함수 예시callThreeTimes(function (i) { console.log('${i}번째 함수 호출')})//화살표 함수 예시sayHello((name) => { console.log("Hello, "+name);});  forEach()배열 내부의요소를 사용해서 콜백 함수 호출value : 현재 순회 중인 요소index : 현재 순회 중인 요소의 indexarray : 배열 객체//기본형 function (value, index, array) {} //예시 cons.. 2024. 7. 8.
728x90

티스토리툴바