자바스크립트 작성 시 주의사항

재 활용이 가능한 자바스크립트 만들기 위해 주의해야 할 사항들.

그리고 더 좋은 자바스크립트를 작성하기 위해서 주의해야 할 사항들.

 

1. 독립적으로 실행/처리 될 수 있는 형태로 작성하여야 한다.

- 유동성이나 변동성이 큰 다른 자바스크립트 함수에 대한 의존도를 낮추어 가능한 독립적으로 실행/처리 될 수 있는 형태로 스크립트를 작성하여야 한다.

 

잘못된 예)	function a () { sum_func(); // 다른 함수 기능을 사용함 // 이 함수는 있을수도 있고 없을 수도 있으며 바뀔 지도 모른다. var result = 0; for (var i = 0; i < 50; i++) { result += i; } return result; } alert(a());
올바른 예)	function a () { var result = 0; for (var i = 0; i < 50; i++) { result += i; } return result; } alert(a());

 

2. null 또는 undefined 두 경우에 대한 대처가 명시되어야 한다.

- 올바르지 않은 코드 작성 습관 중 하나는 "값이 없는 경우"에 대한 처리를 하지 않는 경우가 많다는 것이다. 혹 사용한다 하더라도 보통은 null 또는 undefined 중 1개 정도만을 명시하고 사용하는데, 값이 없는 경우에 대한 처리는 null 및 undefined 두 경우를 모두 체크하는 것이 좋다. 가능한 부분에서 오류에 대한 경우의 수와 이로 인한 메시지 발생 빈도 수를 낮추는 일이다.

 

잘못된 예)	function func(a) { // --- process --- }
올바른 예)	function func(a) { if (a == null || a == undefined) { return } // --- process --- }

 

3. 오류가 날 수 있을 부분은 try ~ catch ~ finally 처리 구문을 사용하여 작성한다.

- 처리상에 오류가 날 수 있을 만한 부분은 try ~ catch ~finally 를 이용해 기능상 중간에 중단되어 이후의 처리가 끊기는 일이 없도록 하는 것이 좋다. 만약, 중간에 에러에 대한 반환 값 처리를 위해 throw 메세지를 전달해야한다면 throw "Message"; 를 이용하여 밖에서 catch 를 통해 처리를 할 수 있도록 함이 옳다.

function func(arg) {
	if (arg == null || arg == undefined) { throw "arg is null"; }
	// --- process ---
	return;
}

try {
	func()
} catch(ex) {
	alert(ex) 
} finally {
	alert("done.")
}

 

4. 인자값의 유형을 식별하여 처리하도록 작성한다.

- 함수 작성시 사용하고자 하는 인자 값의 개수와, 형태를 파악하여 처리할 수 있도록 해야한다. strong 형태를 받을 것인지, int 형을 받을 것인지 object 를 받을 것인지 array 를 받을 것인지. 이러한 조건 처리가 이루어 져야 오류가 나는 경우를 줄일 수 있으며, 경우에 따라서는 달라지는 type 에 따라 함수 다중정의 처리를 흉내낼 수 도 있다. 타입의 처리를 위해서는 instanceof 와 typeof 를 이용하는 방법이 있다.

 

function func(arg) {
	if (arg == null || arg == undefined) { throw "arg is null"; }
	if (typeof(arg) != "string") { throw "arg is not 'String' type"; }
	else {
		// --- process ---
	}
	return;
}

try {
	func([])
} catch(ex) {
	alert(ex) 
}

 

5. 함수명 또는 변수명이 겹치지 않도록 클래스화 하여 작성하도록 한다.

- abc 라는 이름으로 함수 또는 변수를 만든 경우 또 다른 누군가가 abc 라는 함수 또는 변수명의 정의하여 사용하는 일이 발생할 수 있다. 이런 경우 오류가 발생할 수 있는데, 단순히 단일적인 오류로 만족하면 다행이나 경우에 따라 해당 함수와 연결고리를 갖는 함수등에서 연쇄적인 오류를 일으키는 경우가 발생할 수 있다. 따라서 가급적 1개의 Object 형태로 만들어 C++나 C# 같은 언어에서의 클래스 적인 특성을 갖도록 작성하는 것이 좋다. 이 경우 중복되어 안되는 경우 전체적으로 안되서 차라리 문제점을 발견하기 쉬워지는 이점이 있다.

 

var Func = {
	HelloWorld : "Hello World!",
	testFunc : function (arg) {
		if (arg == null || arg == undefined) { throw "arg is null"; }	
		if (typeof(arg) != "string") { throw "arg is not 'String' type"; }
		else {
			// --- process ---
			alert(arg + this.HelloWorld) // sample code
		}
	}
}

try {
	Func.testFunc("Sample Text was : ")
} catch (ex) { alert(ex); }