티스토리 뷰
요즘 생활코딩 객체지향을 듣고있는데 너무 어려워서
블로그에 정리해보려고 한다.. 그래도 까먹고 잊어버릴것
같지만 안하는것보단 나을것 같으니..
var object = {
name:"kim",
first:10,
second:30;
}
console.log(object.name)//"kim" 을 출력함.
오브젝트의 생성은 중괄호 안에 프로퍼티와 값을 넣어주고
호출할때는 객체의 이름.프로퍼티 로 작성해서 호출해 준다.
객체를 이용해서 뭔가를 하고 싶을때 작성하는 방법을 알아보자!
var object = {
name:"kim",
first:20,
second:30,
sum:function score(){
return object.first+object.second
}
};
console.log(object.sum());//"50" 을 출력함.
이처럼 객체 안에 함수(객체안에 함수가 있으면 메소드라고 부른다함)를 넣고
object.sum(); 과 같이 메소드를 호출하면
객체 안의 값을 sum이라는 메소드가 가져와 return 으로 값을 뱉어내 준다.
그런데 이 객체는 비효율적인데 만약 lee 라는 사람이 다른 값으로 같은 메소드를
이용하고 싶을때는 또 위의 객체를 반복해 주어야 한다는것.
바로 아래처럼 말이다.
var kimobject = {
name:"kim",
first:20,
second:30,
sum:function score(){
return kimobject.first+kimobject.second
}
};
var leeobject = {
name:"lee",
first:10,
second:30,
sum:function score(){
return leeobject.first+leeobject.second
}
};
console.log(kimobject.sum());
console.log(leeobject.sum());
//위와같이 작성하면 50과 40을 찍어준다.
이렇게 매번 뭔가를 할때마다 객체를 만드는것은 엄청나게 수고스러운 일이기 때문에
이를위하여!!
값만 넣어주면 자동으로 객체를 찍어 만들어주는 생성자 함수(constructor)를 만들 수 있다.
-다음 글에서-
'Study > script.js' 카테고리의 다른 글
[자바스크립트 객체지향]prototype 뭘까이게.. (0) | 2019.11.14 |
---|---|
[자바스크립트 객체지향]생성자함수(constructor) 만들기 (0) | 2019.11.12 |
[자바스크립트]3D..? 이미지 슬라이드 만들기 (0) | 2019.11.09 |
[자바스크립트] 이미지 무한슬라이드 만들기... (0) | 2019.11.04 |
[자바스크립트] drag event (0) | 2019.11.04 |
댓글