스크립트 문제 해결

어떤 프로그래밍 언어에서나 주의하지 않으면 문제가 발생하는 경우가 반드시 있고, 언어마다 이런 경우가 다르다. null 값의 경우에도 Javascript에서 null 값은 C 또는 C++ 언어에서의 null 값과 다르게 작용한다.

다음에 설명되어 있는 사항들은 Javascript 스크립트를 작성하면서 자주 겪는 문제점들이다.

구문 오류

프로그래밍 언어의 구문은 일반 언어의 구문보다 훨씬 더 엄격하기 때문에 스크립트를 쓸 때는 세부 사항에도 주의를 기울이는 것이 중요하다. 예를 들어 입력 실수로 대무자를 소문자로 입력했거나, 특정 매개 변수를 문자열로 만들려고 할 경우 매개 변수를 입력한 다음 해당 매개 변수를 따옴표로 묶는 것을 잊어버리면 구문 오류가 발생한다.

스크립트 해석 순서

Javascript 해석은 웹 브라우저가 수행하는 HTML 구문 분석 과정의 일부분이다.

<HEAD> 가 읽혀 진 다음에 <BODY>가 읽혀지므로 문서의 <HEAD> 태그 내부에 스크립트를 두면 스크립트는 어떤 <BODY> 태그보다도 먼저 해석된다. <BODY> 태그에서 만들어진 개체들이 있을 경우 <HEAD>가 구문 분석되고 있는 시간에는 수행되지 않으므로 존재하지 않고 스크립트에 의해 다루어질 수도 없다.

이러한 동작은 Explorer에만 해당된다. 다른 호스트들처럼 ASP와 WSH의 실행 모델은 다르다.

자동 형식 강제 변환

Javascript는 자동적인 강제 변환이 가능한 비교적 자유로운 형식의 언어이다.
예제의 식에서 다른 형식을 가진 값들이 다르지만 비교 결과는 같다.

<SCRIPT>
document.write('(100=="100")=',100=='100','<BR>');
document.write('(false==0)=',false==0,'<BR>');
document.write('(true=="1")=',true=='1','<BR>');
<SCRIPT>

형식과 값이 모두 같은지 확인하려면 같음 연산자(===)를 사용하고 위 예제는 모두 false로 평가된다.

<SCRIPT>
document.write('(100==="100")=',100==='100','<BR>');
document.write('(false===0)=',false===0,'<BR>');
document.write('(true==="1")=',true==='1','<BR>');
<SCRIPT>

데이터 형식 강제 변환을 참조하라.

연산자 우선 순위

특정 연산을 수행할 때 식 계산은 식의 위치보다 연산자 우선 순위와 더 깊은 관련이 있다.
따라서 덧셈, 뺄셈보다 곱셈 나눗셈이 먼저 실행되는데 간과하면 엉뚱한 결과늘 얻는다.
괄호로 우선순위를 지정해 주는 것도 좋은 방법이다.

<SCRIPT>
F=100;
C=(F-32)*5/9;
document.write('올바른 예제 C=(F-32)*5/9 C=',C,'<BR>')
C=F-32*5/9;
document.write('틀린 예제 C=F-32*5/9 C=',C)
<SCRIPT>
개체와 for...in... 루프를 함께 사용

Javascript에서 for...in... 루프를 사용하여 개체의 속성을 단계적으로 작업할 경우 개체 필드가 루프 카운터 변수에 지정되는 순서를 예상하거나 제어할 필요는 없다. 다른 언어 구현에서는 그 순서가 달라질 수도 있다.

with 키워드

with 문장은 지정된 개체에 이미 존재하는 속성을 처리하는 데는 편리하지만, 속성을 개체에 추가하는 데 사용할 수 는 없다. 개체에서 새로운 속성을 만들려면 개체를 구체적으로 참조해야 한다.

this 키워드

개체 자체를 참조하기 위하여 개체 정의의 내부에서 this 키워드를 사용할 수 있지만, 해당 기능함수가 개체 정의가 아닐 경우 일반적으로 this 키워드 또는 이와 유사한 키워드를 사용하여 현재 실행되고 있는 기능함수를 참조할 수 없다.

기능함수를 하나의 메서드로 개체에 지정하면 개체를 참조하기 위하여 this 키워드를 기능함수 내부에서 사용할 수 있다.

줄바꿈

Javascript 코드상에서 따옴표로 문자열을 작성하면서 줄바꿈을 하면 \n으로 인지하지 못하고 오류를 발생시킨다.

긴 문자열을 보기 쉽게 할당하려면 문자열을 잘라서, '문자열1'+'문자열2' 방식이나
컴마가 가능한 곳에서는 '문자열1','문자열2'으로 표기하면 된다. +나 , 앞뒤에서는 줄바꿈이 자유롭다.

<SCRIPT>
// myString='Javascript 코드상에서 따옴표로 문자열을 작성하면서
 <BR>줄바꿈을 하면 \\n으로 인지하지 못하고 오류를 발생시킨다.'; 오류가 발생된다.
myString='Javascript 코드상에서 따옴표로 문자열을 작성하면서 '+
 '<BR>줄바꿈을 하면 \\n으로 인지하지 못하고 오류를 발생시킨다.';
document.write(myString);
<SCRIPT>
Internet Explorer에서 스크립트를 쓰는 스크립트 쓰기

"해석기가 </SCRIPT> 태그와 마주치게 되면 이 태그는 현재의 스크립트를 종료시킨다.
</SCRIPT> 자체를 나타내려면 "</SCR"과 "IPT>"와 같이 2개 이상의 문자열로 다시 쓰면된다. 문장에서 두 문자열을 결합("</SCR"+"IPT>")할 수 있다.

Internet Explorer에서 함축적인 창 참조

창은 동시에 두 개 이상 열릴 수 있기 때문에 명시적으로 창 참조를 나타내지 않는 한 모두 현재의 창을 가리키게 된다. 현재의 창이 아닌 다른 창을 참조하려면 반드시 명시적 참조를 사용해야 한다.