728x90 반응형 class3 [코어 자바스크립트] 7장 클래스 01 클래스와 인스턴스의 개념 이해 👨💻 자바스크립트의 클래스 👉 자바스크립트는 프로토타입 기반 언어라서 '상속' 개념이 존재하지 않는다. ES6에서 클래스 문법이 추가되었는데 일정 부분 프로토타입을 활용하기 때문에 ES5의 클래스를 흉내내기 위한 구현 방식을 학습해두어야 한다. 👉 음식은 과일보다 상위의(superior) 개념이고, 과일은 음식보다 하위의(subordinate) 개념이다. 이를 상위 클래스(superclass)/하위 클래스(subclass)로 표현한다. 💙 과일 분류 하위에 또 다른 분류가 있을 경우 클래스 간의 관계 음식 과일의 superclass, 귤류의 super-super class 과일 음식의 subclass, 귤류의 superclass 귤류 음식의 sub-subclass, .. 2022. 12. 8. 코어 자바스크립트_3장 this What is this? 👉 객체 지향 언어에서는 클래스로 생성한 인스턴스 객체 👉 자바스크립트에서는 어디서든 사용 가능. 함수와 객체(메서드)를 유일하게 구분 짓는 기준. 01. 상황에 따라 달라지는 this 👉 this는 실행컨텍스트가 생성될 때 결정됨. 즉 함수를 호출할 때 결정됨. 3-1-1. 전역 공간에서의 this 👉 브라우저 환경에서는 window, Node.js에서는 global 👉 전역 변수 선언 시 자바스크립트 엔진은 이를 전역 객체의 프로퍼티로 할당. 자바스크립트의 모든 변수는 실행 컨텍스트 LexicalEnvironment의 프로퍼티로서 동작. 👉 전역 공간에서 window의 프로퍼티에 직접 데이터를 할당하더라도 var로 변수 선언한 것과 똑같이 동작. 허나 '삭제' 명령은 다르게 .. 2022. 11. 1. 클래스(Class)와 친해지자! 이번 글은 'JavaScriptの理解を深めた人がさらにもう1歩先に進むための本(JavaScript를 깊게 이해한 사람이 한 걸음 더 나아가기 위한 책)의 Chapter 9. クラスに慣れておこう！(클래스와 친해지자!)'를 바탕으로 작성하였습니다. 클래스의 기본 이번 글의 주제는 바로 ES6의 꽃이라 불리는 '클래스'이다. ES6에 이르러 새로 도입되어 앞으로 널리 쓰일 것이기에 숙달해둘 필요가 있다. 예제 코드를 살펴보자. 例）９－１－① class Human { constructor(name) { this.name = name; } getName() { console.log(`이름은 ${this.name}입니다`); } } let igarashi = new Human('igarashi'); igarashi.g.. 2022. 5. 13. 이전 1 다음 728x90 반응형
