728x90 300x250 인스턴스3 오브젝트 리터를 방식 클래스 만들기 리터럴 방식 클래스 var 인스턴스 = { 프로퍼티 : 초깃값, 메서드 : function(){ ... }, ... } 리터를 방식은 객체 리터를을 의미하는 {} 내부에 프로퍼티와 메서드를 포장하는 구조이다. 객체 외부에서 인스턴스 프로퍼티와 메서드 접근 방법 인스턴스.프로퍼티; 인스턴스.메서드(); 객체 내부에서 프로퍼티와 메서드 접근하기 객체 내부에서 프로퍼티와 메서드에 접근하려면 현재 객체 자신을 나타내는 this라는 속성과 접근 연산자인 점을 사용한다. 리터럴 방식을 활용한 클래스 const person ={ firstName:"John", lastName:"do", fullName:function(){ document.write(this.firstName+" "+this.lastName); } .. 2023. 6. 4. 클래스 기본 개념 정리 클래스 자바스크립트에서 클래스는 객체 지향 프로그래밍을 구현하기 위한 템플릿이자 설계 도구 이다. 클래스 생성방법 class MyClass { constructor() { // 생성자 메서드 } method1() { // 메서드 정의 } method2() { // 메서드 정의 } // ... } 위의 예제에서 MyClass는 클래스 이름이고 constructor은 생성자 메서드로 생성자 메서드는 객체를 생성할 때 가장먼저 호출되는 메서드로 초기화 작업을 수행한다. 인스턴스 함수를 사용하기 위해 함수를 호출 하듯이 클래스를 사용하려면 인스턴스를 생성해야 한다. 클래스가 객체를 생성하기 위한 템플릿이라면, 인스턴스는 그 템플릿을 통해 실제로 생성된 객체이다. 비유하자면 붕어빵틀 = 클래스라면, 붕어빵 = 인.. 2023. 6. 1. 자바스크립트 클래스 ▶ 클래스 : 객체를 생성하는데 사용된다. // 리터럴var 클래스명 = {} // 함수function [클래스명]([매개변수]){} - 객체 리터럴은 객체로 정의하는 방법이다.이 방식으 클래스는 장벽에 둘러싸여 있어서 클래스 내부에 선언된 메소드나 프로퍼티를 바로 접근할수가 없다.따라서 클래서 내부로 접근하려면 '클래서, 프로퍼티' 이런식으로 접근해야한다.이 방식의 장점은 독자적인 자신의 공간안에서만 프로퍼티와 메소드를 정의하고 사용할수 있다는 점이다.이런 객체를 싱글톤이라고 부르기도하고 하나의 클래스 인스턴스만 가질수있다. 동일한 클래스 객체를 생성할수 없다. - 함수를 사용하면 여러 인스턴스 생성이 가능해진다. 따라서 하나의 클래스만으로 여러가지의 값을 저장할수 있고 출력할수 있다.new라는 생성자.. 2019. 1. 21. 이전 1 다음 728x90 반응형