[1분코딩] 자바스크립트 기초 - 객체

 

1분 코딩 자바스크립트 기초 강의 Part 2 정리

 

[객체]

→ 자바스크립트에서의 객체는 복합자료형이므로 여러가지 형태가 들어갈 수 있음

 

 

1) 객체 생성 및 사용 방법-①

→ 객체 인스턴스를 먼저 생성한 후에 프로퍼티 추가하는 방법

//사람을 하나 생성
var person={};
var p = new Object(); //이런식으로도 생성가능하지만 잘 사용하지 않음

//사람의 특징
//person 이라는 객체에 속성을 추가할때에는 . 을 붙이고 쓴다 
//속성(property) : 그냥 값들을 가진 애들
person.name='진아리';
person.age='31';

//사람의 동작
//익명함수 : 이름이 없는 함수
//메서드(method) : 속성중에 값이 함수인 애들, 기능 동작을 하는 애들
person.introduce=function(){
	//여기서 this가 가리키는 것은 선언하고 있는 객체 자체임
    //여기서는 this가 가리키는 것은 person
	consol.log('안녕 나는' + this.name + '야. 나이는' + this.age +'살이야');
}

person.introduce();

 

2) 객체 생성 및 사용 방법-②

→ 객체 인스턴스를 추가함과 동시에 그 안에 프로퍼티 추가하는 방법

var person2={
	name: "coding-with-jina",
   	age: "10",
	introduce: function(){
    		consol.log("안녕 나는' + this.name +'고 나이는'+ this.age +'살이야.');
    }
    
};

person2.introduce();

 

3) 객체 생성 및 사용 방법-③

 

→ 기본 틀을 만들어서 그 틀에 인자를 넣어서 사용하는 방법

→ 예를 들면 붕어빵 틀을 만들어서 다양한 맛의 붕어빵을 만들어내는 것과 같은 개념

//생성자(constructor)
//생성자 함수의 이름은 일반적으로 앞글자를 대문자로 시작한다 암묵적인 약속
//name과 age라는 매개변수에 Jina와 23이라는 인자를 넣어주는 것
function Person(name, age){
	this.name /*속성*/ = name; /*매개변수*/
    this.age = age;
    this.inrtoduce = function(){
    	consol.log('안녕? 나는 '+this.name+'야. 나이는'+ this.age + '살이지.');
	}
}

var p1 = new Person('Jina','23'); 
//new Person('Jina','23'); => 생성된 개별 객체 하나하나를 인스턴스(instance)라고함
var p2 = new Person('choi','13');

p1.introduce();
p2.introduce();