Javascript this 키워드는 속한 객체를 나타냅니다.

사용 위치에 따라 다른 값을 갖습니다.

브라우저에서 유저가 취하는 모든 동작을 이벤트라 합니다.
이벤트가 발생했을 때 자바스크립트 실행문을 실행하는 것을
이벤트 핸들러라 합니다.

변수는 유효범위에 따라

전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다.

이러한 유효범위를 scope라고 합니다.

각각의 function은 각각의 scope를 만듭니다.

• 전역변수는 함수 외부에서 선언된 변수로, javascript 전체에서 접근할 수 있는 변수입니다.

• 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다. 함수 외부에서는 접근할 수 없습니다.

1
2
3
4
5
6
7
8
9
10
11
12

var num =200; // 전역 변수  
  
function myFnc(){ // 지역 변수 함수  
 var num=500;  
}  
myFnc(); // 함수를 호출합니다.  
  
document.write(num);  
/* 함수 내에 작성한 var(변수)는 지역 변수이므로   
 함수 밖에서는 불러올 수 없습니다.  
 따라서 전역 변수로 선언된 num값 200이 출력됩니다.  
*/

의도하지 않는 전역 변수를 작성하게 된다면
전역 변수 및 함수를 덮어쓸 수 있으므로 주의 하여 사용 해야 합니다.

return 문 이란 함수에서 결과값을 되돌려 줄 때 사용합니다.
함수에서 return 문이 실행되면
반복문에 break문과 비슷하게 실행문이 강제 종료됩니다.

기본형
function 함수명(){
실행문;
return 데이터(값);
}

1
2
3
4
5
6

function calc(){  
 var result=100+200  
 return result; // calc값에 300을 반환합니다.  
}  
var num = calc();  
document.write(num);

1
2
3
4
5
6
7

function test(){  
 document.write("html");  
 return;  
 // 다음 실행문은 실행되지 않습니다.  
 document.write("javascript");  
}  
myFnc();

데이터를 저장할 때는 변수를 선언하여 저장했습니다.
하지만 변수에는 데이터만 저장할 수 있고, 실행문을 저장할 수 없습니다.

함수를 사용하면 실행문을 메모리에 저장했다가 필요할 때 마다 호출하여 사용할 수 있습니다.

HTML 문서의 구조를 가리켜 문서 객체 모델(DOM:Document Object Model)이라고 합니다.

DOM을 배우는 주된 목적은 자바스크립트를 사용하여 문서 객체를 선택하고 속성 또는 스타일(css)을 적용하기 위해서 입니다.

브라우저에 내장된 객체를

브라우저 객체(BOM: Browser Object Model)라고 합니다.

window는 브라우저 객체의 최상위 객체 입니다.

window 객체는 여러가지 하위 객체를 포함하고 있습니다.

정규표현 객체(RegExp)는 입력요소에 데이터를 규칙에 맞게 작성했는지 판단해서 알려주는 객체 입니다.

지정한 규칙대로 단어가 입력됬는지,

잘못된 단어를 포함하고 있는지 찾을때 사용합니다

• 기본형 두가지

var 변수 = new RegExp(패턴, 검색옵션)

생성자 함수를 사용하면 정규식이 실행 시점에 컴파일됩니다.
정규식의 패턴이 변경될 수 있는 경우,
혹은 사용자 입력과 같이 다른 출처로부터 패턴을 가져와야 하는
경우에는 생성자 함수를 사용합니다.

var 변수 = /패턴/검색 옵션

정규식 리터럴(슬래쉬로 감싸는 패턴)은
스크립트가 불러와질 때 컴파일됩니다.
만약 정규식이 상수라면, 이렇게 사용하는 것이 성능을 향상시킬 수 있습니다.

문자 객체 메서드 및 속성

여러 개의 데이터를 하나의 저장소에 저장하는 Array(배열) 객체

사용법 3가지

1. var a =new Array();
   a[0]=30;
   a[1]=”홍길동”;
   a[2]=true;
2. var b =new Array(30, “홍길동”, true);
3. var c =[30, “홍길동”, true];