JavaScript

JavaScript

 

    1. Method & Object

              변수의 선언, 초기화, 범위

              사용자 정의함수

              자바스크립트 내장함수

              객체의 함수

              생성자 함수와 객체

              Object 객체와 상속

              내장객체

    2. HTMLElement & Collection

           HTMLElement Object

           Style Object

           Collection Object

    3. Event & EventHandler

           Event

           EventHandler

    4. Browser Object Model

           Window Object Property

           Window Object Method

           Window Object EventHandler

           Window Sub Object

    5. Document Object

           Document Object Property

           Document Object Method

           Document Object EventHandler

           Document Sub Object

    6. Form Object

ㅁㅁㅁ

    7. Style Object

ㅁㅁㅁ

    8. DOM(Document Object Model)

---

>더보기

>접기

 

---

---

1. Method & Object

자바스크립트는..?

자바스크립트는 함수와 객체를 이용한 이벤트 중심의 프로그램이다..

함수, 객체는 낸장돼어 있는 것들과 사용자에 의해 정의된 것으로 나눌 수 있다.

이를 각각 사용자 정의 함수, 자바스크립트 내장함수, 객체의 메소드로 구분할 수 있다.

 

 

 

변수의 선언, 초기화, 범위

---

a. 변수의 선언

변수를 선언할 때는 var 를 꼭 붙여야 한다..

만일, 선언과 동시에 값이 할당될 때는 var 를 생략할 수 있는데, 이것이 전역변수이다..

    var = i ;  // 자료형에 무관한 변수의 선언부이다

    j = 30 ;   // 선언과 함께 값이 할당된 전역변수이다

b. 변수의 초기화

변수가 선언만 되고 초기화가 아직 안되어 있으면 이것을 undefined(불확정의..) 이라고 한다..

어떤 자료형이든 올 수 있고..

다시 다른 자료형으로 초기화 시키면.. 자동으로 바뀌고.. 또 초기화 하면.. 또 바뀌고..

자바스크립트는 지조가 없다.. ㅡㅡ;

c. 변수의 범위

지역변수 : 함수의 body 안에서 선언되었다면.. 그 안에서만 사용할 수 있다..

전역변수 : 한번 선언되면 window전역에서 사용이 가능하다..

매개변수(argument)는 함수의 인자로 받은 변수로.. 함수 안에서만 사용이 가능하다..

☞ 자바스크립트에서 지역변수는 함수가 실행될 때 임시로 저장했다가 함수가 종료되면 바로 메모리에서 해제되는 임시적인 정보로서 stack 에 저장된다.  자바스크립트 프로그래밍에서 메모리는 크게 stack 과 heap 으로 구분하는데  stack 은 사용이 끝나면 바로 지우는 구조로 되어있기 때문에  heap 에 비해서 용량을 작게 차지하고 있다.  따라서 자료가 많이 들어있는 배열이나 객체들을 지역변수에 할당하여 사용하면 자칫 stack overflow 가 발생할 수 있으므로 지역변수를 너무 많이 사용하지 않도록 주의해야 한다.

 

사용자 정의함수

---

a. 함수의 선언

함수의 지역변수는 해당 함수 내에서만 사용되며..

변수 선언과 동시에 스텍 메모리에 올라간다..

그리고, 함수를 수행하고 return 을 만나서 함수의 종료하면 스텍에서 사라진다..

이러한 변수를 정적변수(static argument)라고도 한다

 

b. 무명함수(Anonymous Function)

c. 함수의 호출

d. 함수의 지역변수

함수의 변수에는 지역변수, 전역변수, 매개변수가 있다..

e. 함수의 참조

f. stack & hip memory

g. 함수의 재귀적 호출

h. 함수의 이름

 

 

 

자바스크립트 내장함수

---

a. Object 형의 내장함수

eval(string)

escape(string) / unescape(code)

isNaN(num)

parseFloat(string)

parseInt("문자열") / parseFloat("문자열")

parseInt("문자열", n)

 

 

 

객체의 함수

---

a. Window Object Method

alert()

confirm()

prompt()

b. Document Object Method

write()

getElementByld()

c. Form & Text Object Method

reset()

submit()

focus()

select()

 

 

 

생성자 함수와 객체

---

a. abstract(추상화)

b. embediment(구체화)

c. objectify(객체화)

d. Constructor(생성자 함수)

e. user define Object(사용자 정의 객체)

f. refrence array(참조배열) & for-in 제어문

g. define Object of Property(객체의 프로퍼티 정의하기)

h. define Object of Method(객체의 메소드 정의하기)

i. allot Object of Property to Object(객체의 프로퍼티에 객체 할당하기)

j. add New Property(새로운 프로퍼티 추가하기)

 

 

 

Object 객체와 상속

---

a. Object 객체의 Property

b. Object 객체의 Method

 

 

 

내장객체

---

추가되어진 사항들

JavaScript 1.0 : Date, Math, String

JavaScript 1.1 : Array, Boolean, Function

JavaScript 1.2 : Argument, Number, RegExp

 

a. Array Object

자바스크립트의 Array 객체는 그 길이가 유동적이어서 처음 Array 객체를 만들 때 길이를 결정해도 배열의 길이를 벗어나는 배열변수를 사용하면 자동으로 그 길이는 증가한다.

Array Property

length

input

index

lastIndex

prototype

하지만, Array 객체에 사용될 수 있는 것은 length, prototype 뿐이다.

Array Method

concat(a1 [, a2, ...])

join("str")

pop()

push(arg1 [, arg2])

reverse()

shift()

unshift(arg1 [, arg2])

slice(atartIndex, [endIndex])

splice(index, lingth [, element])

sort([function])

toString()

b. Boolean Object

Boolean Property

prototype

constructor

Boolean Method

toSource()

toString()

valueOf()

c. Date Object

Date Object 는 반드시 생성자를 통해서만 객체로 만들어질 수 있다

Date Object 는 날짜와 시간에 대한 정보를 담고있는 자바스크립트 내장객체이다..

세계 각국의 시간이 틀리므로 GMT(GreenWich Mean Time)은 오류의 소지가 있다..

그래서, 자바스크립트에서는 UTC(Universal Time Coordinated)을 사용한다..

 

Date Constructor

Date()

Date(milliseconds)

Date("month day, year [hours:minutes:seconds]")

Date(year, month, day [, hours, minutes, seconds, milliseconds])

Date Method

static parse("Month Day, Year[, 시, 분, 초]")

static UTC(연, 월, 일 [, 시, 분, 초])

toLocalString()

toGMTString()

toString()

valueOf()

getYear()

getFullYear()

getMonth()

getDate()

getDay()

getHours()

getMinutes()

getSeconds()

getTime()

getMilliseconds()

getUTCDate()

getUTCDay()

getUTCFullYear()

getUTCHours()

getUTCMilliseconds()

getUTCMinutes()

getUTCMonth()

getUTCSeconds()

setYear()

setFullYear()

setMonth()

setDate()

setDay()

setHours()

setMinutes()

setSeconds()

setTime()

setMilliseconds()

setUTCDate()

setUTCDay()

setUTCFullYear()

setUTCHours()

setUTCMilliseconds()

setUTCMinutes()

setUTCMonth()

setUTCSeconds()

d. Function Object & Argument Object

Function Property

arguments

arityⓝ

length

Function Method

apply()

call()

toString()

 

e. Math Object

Math Object 는 new연산자를 사용할 수 없다

Math Object 는 수학적 연산의 오류를 막기 위해서 생성자 함수를 통해 Math Object 를 만들고 상수의 값을 변경하는 것을 모두 제한하므로 static 요소들로만 정의되어 있다.

 

Math Property(값을 변경할 수 없는 읽기전용의 상수들)

E

LN10

LN2

LOG10E

LOG2E

PI

SQRT1_2

SQRT2

 

Math Method

static abs(x)

static acos(x)

static asin(x)

static aran(x)

static atan2(x, y)

static ceil(x)

static cos(x)

static exp(x)

static floor(x)

static log(x)

static max(x, y, ...)

static min(x, y, ...)

static pow(s, y)

static random()

static round(x)

static sin(x)

static sqrt(x)

static tan(x)

 

f. Number Object

Number Property

MAX_VALUE

MIN_VALUE

NaN

NEGATIVE_INFINITY

POSITIVE_INFINITY

prototype

Number Method

valueOf()

toString([진수])

g. String Object

String Property

length

prototype

 

String 태그효과 Method

big()

small()

blink()

bold()

fixed()

italics()

strike()

sub()

sup()

fontcolor("color")

fontsize(숫자)

anchor("name")

link("url")

 

String 문자열처리 Method

charAt(index)

charCodeAt(index)

concat(str)

static fromCharCode(num)

indexOf(str)

lastIndexOf(str)

slice(i1, i2)

substr(i1, [, length])

subString(i1, i2)

toLowerCase()

toUpperCase()

match(str)ⓡ

replace(str, rep)ⓡ

search(str)ⓡ

split("분리자" [, n])ⓡ

☞ ⓡ 는 매개변수에 Regular Expression(정규식)이 사용될 수 있는 메소드이다

 

h. RegExp(Regular Expression) Object

정규식이란 (/) 에 둘러싸인 문자들의 집합으로서 문자열이 따옴표를 이용해서 문자열 리터럴을 정하는 것처럼 정규식도 (/)로 문자를 앞뒤로 포위하여 만든다..

정규식을 객체화한 RegExp Object 는 생성자함수의 매개변수에 문자열을 입력해서 만들 수 있는데 프로그램이 실행되는 동안에 정규식을 동적으로 생성하고자 할 때 유용하다..

일단 정규식과 RegExp Object 가 만들어지면 같이 취급된다..

 

Regular Expression : var re1 = /정규식/;                   

RegExp Object : var re2 = new RegEcp("정규식");     // 두 문장은 같은의미 이다

 

정규식의 메타문자

[]

[^]

{}

()

|

\num

\b

\B

\d

\D

\s

\S

\w

\W

^

$

.

?

+

*

 

RegExp Property

constructor

global

ignoreCase

lastindex

multipleline

source

static input

static leftContext

static lastMatch

static multiline

static rightContext

static lastParen

static $n

static indexⓔ

static lastIndexⓔ

 

RegExp Method

compile("식", "속성")

exec(str)

test(str)

toSource()ⓝ

toString()