[JavaScript] 정리 3

1. html에서 script속성을 이용해서 이벤트를 처리하는 방법

    - 코드 해석

        html : 나는 버튼을 하나 만들건데, 버튼의 onmouseover(버튼 위에 마우스를 댔을 때 일어나는 이벤트)와 onmouseout(버튼 위에 마우스를 치웠을 때 일어나는 이벤트)라는 이벤트를 2개 줄거야. 그 때 chColor라는 함수가 실행되게 하고 그 함수의 전달인자로 this와 'over'을 줄거야

 

        javascript : 나는 chColor라는 함수고 나를 실행할때는 반드시 obj와 state라는 매개변수를 받아줘야해. 받아왔으면 이런 조건에 맞게 작동이 되는데. 어떤 조건이냐면, 만약 chColor호출하면서 state자리에 "over"라는 값을 썼다면 색상을 빨간색으로 바꿔주고, 아니라면 검정색으로 바꿔줘. 근데 그 색상이라는 건 chColor를 호출하면서 obj자리에 있던 애를 타겟으로 잡아 바꿔주는건데, 그 애의 글자색상을 바꿔달라는 의미야.

html코드

javascript코드

---

2. 정규 표현식

    - reg1은 이름(한글로)을 잘 입력했나 판단해주는 코드

    - reg2는 전화번호를 잘 입력했나 판단해주는 코드

정규 표현식

---

3. 객체 생성 함수와 프로토타입함수

    - 객체 생성 함수 : 내가 새로 속성과 기능을 만들고 싶을 때 사용할 수 있는 함수

        1) 함수의 이름의 첫번째 문자는 대문자로 쓴다(그게 규칙이다)

        2) 객체 생성 함수 내 속성(=변수, 필드)는 무조건 this를 붙여서 사용한다(이것도 규칙이다)

        3) 객체 생성 함수에는 속성과 기능이 들어간다

    - 프로토타입의 함수

        * 공유하는 함수(공유의 개념)

             객체 생성 함수에는 속성과 기능이 들어간다고 했다. 아래 코드를 무시하고 객체 생성 함수(여기서는 Student)에 속성과 기능(getinfo, average)를 다 넣었다고 해보자. 그럼 김군과 오군이라는 객체를 만들 때 해당 기능(getinfo, average)는 김군의 메모리에 하나, 오군의 메모리의 하나씩 저장이 된다. 생각해보자. getinfo와 average가 하는 기능은 김군이나 오군이나 같다. 굳이 두 개의 메모리에 각각 저장될 필요가 있을까? 메모리 입장에서 보자면 낭비인 것 같은 생각이 든다. 그래서 이걸 공통으로 묶어주는 것이다. 이미 메모리에 getinfo와 average를 저장해서 그걸 가져다 쓰기만 하면 되게끔 말이다.