[Javascript] 스타일가이드 #3

자바스크립트 스타일 가이드

8. 변수 선언

• 모든 변수는 반드시 사용하기 전에 선언되어야 한다.
• 변수는 한 개의 var 문을 이용해 변수마다 한 줄씩 함수 맨 윗 줄에 선언
• 첫 번째 줄 다음 줄부터는 한 단계 들여스기해서 변수명의 열을 맞춘다
• 변수는 가능하면 선언 할 때 초기화해야 하며, 대입 연산자는 들여쓰기 단계 맞추기
• 변수는 반드시 초기화되지 않은 변수보다 앞에 와야한다.

- 좋은 예
var count = 10,
    name  = "Wendy",
    found = false, 
    empty;

- 나쁜 예 : 초기화 코드의 열이 맞지 않음
var count = 10,
    name = "Wendy",
    found= false, 
    empty;

- 나쁜 예 : 잘못된 들여쓰기
var count = 10,
name  = "Wendy",
found = false, 
empty;

- 나쁜 예 : 한 줄에 변수 여러개 선언
var count = 10, name  = "Wendy",
    found = false, 
    empty;

- 나쁜 예 : 초기화 되지 않은 변수가 먼저 옴
var empty,
    count = 10,
    name  = "Wendy",
    found = false, 

- 나쁜 예 : var 문이 여러개임
var count = 10,
    name = "Wendy";

var found= false, 
    empty;

** 변수는 꼭 선언해야 한다.
암묵적인 전역 선언은 절대 해서는 안된다.

---

9. 함수 선언

• 함수는 반드시 사용하기 전에 선언되어야 한다.
• 함수가 객체에 선언된 메서드가 아니라면 반드시 함수 선언 형식을 지켜야 한다.
• 함수 표현식 형식이나 Function 생성자를 사용해서도 안된다.
• 함수명과 여는 괄호 사이에는 공백을 넣지 않는다
• 닫는 괄호와 여는 중괄호 사이에는 공백을 한 칸 넣는다
• 여는 중괄호는 반드시 Function 키워드와 같은 줄에 둔다
• 여는 괄호 다음과 닫는 갈호 전에는 공백을 넣지 않습니다
• 인자를 입력할 때에는 콤마 다음에 한 칸 공백을 두며 콤마 앞에는 공백을 입력하지 않는다.
• 함수 본체는 한 단계 들여쓰기 한다.

- 좋은 예

function doSomething(arg1, arg2){
    return arg1 + arg2;
}

- 나쁜 예 : 첫 번째 줄에 공백이 잘못됨
function doSomethind (arg1, arg2){
    return arg1 + arg2;
}

- 나쁜 예 : 함수 표현식 사용
var doSomethind (arg1, arg2){
    return arg1 + arg2;
}

- 나쁜 예 : 여는 괄호가 잘못된 줄에 있음
function doSomethind(arg1, arg2)
{
    return arg1 + arg2;
}

- 나쁜 예 : 함수 생성자 사용
var doSomething = new Function('arg1', 'arg2', 'return arg1 + arg2');

• 다른 함수 안에 선언되는 함수는 반드시 var문 다음에 바로 선언되어야 한다.

- 좋은 예
function outer(){

    var count = 10,
        name  = "Wendy",
        found = false,
        empty;

    function inner(){
        //code
    }

    // inner()를 사용하는 코드
}

- 나쁜 예 : inner 함수가 변수 선언 전에 선언되었다.
function outer(){

    function inner(){
        //code
    }

    var count = 10,
        name  = "Wendy",
        found = false,
        empty;

    // inner()를 사용하는 코드
}

• 익명 함수는 객체 메서드를 할당할 때 사용하거나 다른 함수에 인자로 전달할 때 사용
• 이 때 function 키워드는 여는 괄호 사이에는 공백이 없어야 한다.

- 좋은 예
object.method = function() {
    // code
}

- 나쁜 예 : 잘못된 공백 입력 
object.method = function () {
    // code
}

• 선언 후 바로 호출하는 함수는 함수 전체를 괄호로 감싸야 한다.

- 좋은 예 
var value = (function(){

    // 함수 본체

    return {
        message: "hi"
    }
}());

- 나쁜 예 : 괄호로 함수 호출을 감싸지 않았음
var value = (function(){

    // 함수 본체

    return {
        message: "hi"
    }
}();

- 나쁜 예 : 잘못된 괄호 위치 
var value = (function(){

    // 함수 본체

    return {
        message: "hi"
    }
})();

---