JavaScript 객체 지향 프로그래밍

 

https://opentutorials.org/module/4047

JavaScript 객체 지향 프로그래밍

https://youtube.com/playlist?list=PLuHgQVnccGMAMctarDlPyv6upFUUnpSO3

JavaScript Object Oriented Programming

 

• prototype
• __proto__
• 생성자 함수와 new
• class
• 상속

 

=====================

1. 수업소개

 

=====================

2. 실습준비

 

=====================

3.1. 객체의 기본

 

=====================

3.2. 객체와 반복문

 

=====================

4.1. 객체는 언제 쓰나요?

 

=====================

4.2. 객체 만들어 보기

 

=====================

5. this

오튜 페이지 : 메소드 내에서 메소드가 속한 객체를 참조 할 때 사용하는 키워드인 this에 대해서 알아봅니다.

 

객체란

서로 연관된 변수와 함수를 그루핑해서 '이름'을 붙인 것

 

인간에게도 이름이 있다.

이름말고도 대명사라는게 있지

그중에 자기자신을 가리키는 대명사가 있다 : '나', 'me'

 

프로그래밍에서도 자기자신을 가리키는 표현이 있다.

'this'

▽근데 이게 하고싶은 말이 아니고

 

this.js 생성

 

어떤 사람에대한 정보를 객체로 표현하고 싶다

- first, second.. : 어떤 게임을 했을 때 점수가 있을거고 한번 두번 세번 할 때마다 점수들이 바뀔 것. 

- sum : 점수 합계를 구하는 함수

 

총합을 구하려면

▽지금 다 따로 접근해서 구했다 kim.sum을 따로 부르고, kim.first도 따로 부르고, kim.second도 따로 불렀다. 다른 객체여도 이렇게는 가능해 따로 부를거면

 

분명 틀린게 아님!

 

근데? kim이라는 객체는 내부적으로 자신이 10, 20점을 갖고 있다 라는 내부적인 정보를 이미 갖고 있다.

근데 sum이라고 하는걸 호출하면서 함수의 인자로 또 한번 언급하고 있다

▽다 같은 객체안에 있잖아 뭐 방법 있을 것 같은데 없어??

 

▽이미 알고 있는데 뭐하러 언급해? 생략하고 싶어 어떻게 바꿔야 할까? 그냥 함수를 아예 그 값만 계산되게 만들기

일단 이렇게 객체안의 함수에서 다른 객체값을 바로 쓸 수 있을까??

 : 하면 에러야

이건 돼

근데 좀 유연함이 떨어져

객체 이름이 k로 바뀌면 쓸 수가 없어. 또 k.first라고 바꿔야해

 

∴ 객체지향을 만든 사람들은 메소드가 있으면 메소드가 자신이 속해있는 객체를 가리키는 특수한 키워드를 만들기로 약속함 인간의 '나는', '저는' 같은

그게 'this' : 메소드가 속해있는 객체를 가리키도록 약속된 특수한 예약어

this덕분에 그 객체가 내부적으로 갖고 있는 상태를 함수에서 참조할 수 있기 때문에

우린 이렇게 깔끔하게 함수의 이름을 호출만 하면 됨.

 

=====================

13-4 자바문서 보는 법 - 인스턴스

=====================

13-4 자바문서 보는 법 - 인스턴스

=====================

13-4 자바문서 보는 법 - 인스턴스

=====================

13-4 자바문서 보는 법 - 인스턴스

=====================

13-4 자바문서 보는 법 - 인스턴스

=====================

13-4 자바문서 보는 법 - 인스턴스

=====================

13-4 자바문서 보는 법 - 인스턴스

=====================

13-4 자바문서 보는 법 - 인스턴스