CoffeeScript 함수 선언하기

커피스크립트에서 함수 선언 방법과 객체 및 배열 사용 방법에 관해 설명 드리겠습니다.

원본 & 참고 : http://coffeescript.org/#literals

함수 선언

커피 스크립트에서의 함수선언은 "->" 로 이루어 집니다. 아래의 예제가 좀더 보기 편하실 것 입니다.

아래는 사각형의 넓이를 구하는 공식과 6 면체 를 구하는 공식 입니다. 첫 번째 함수는 CoffeeScript 두번째 함수는 javascript 함수 입니다. 비교해서 보시기 바랍니다.

square = (x) -> x * x
cube   = (x) -> square(x) * x

console.log square 10

아래는 javascript 입니다.

// Generated by CoffeeScript 1.10.0
(function() {
  var cube, square;

  square = function(x) {
    return x * x;
  };

  cube = function(x) {
    return square(x) * x;
  };

  console.log(square(10));

}).call(this);

 참고하셔야할 점은 coffeescript 에서는 코드의 끝에 세미콜론 ( ; ) 을 사용해 주실 필요가 없으며 중괄호 {} 대신 함수, if, switch, try/catch 에서는 들여 쓰기를 사용합니다.

 그리고 위의 함수에서 console.log square 10 을 보시면 파라미터를 넘겨줄때 굳이 괄호 () 를 이용해 주실 필요 없이 파라미터를 넘겨 주시면 됩니다.

함수 변수 값 ( 파라미터 ) 초기 선언 및 문자열 이어 붙이기

 함수에 파라미터가 없을 경우 초기 변수 값을 선언하는 방법 입니다.

res = (product, price = "$1000") -> "#{product} 의 가격은 #{price}"
console.log res '내 컴퓨터'

 일단 함수에서 보시면 초기값 지정을 위해서 price = '$1000' 을 써주신 것을 확인하실 수 있습니다. 또한 변수 값들을 출력할때 #{변수명} 을 이용하여 결과 값을 출력 한 것을 확인하실수 있습니다.

 아래는 위 함수의 javascript 버전 입니다. 참고하시기 바랍니다.

// Generated by CoffeeScript 1.10.0
(function() {
  var res;

  res = function(product, price) {
    if (price == null) {
      price = "$1000";
    }
    return product + " 의 가격은 " + price;
  };

  console.log(res('내 컴퓨터'));

}).call(this);