티스토리 뷰

Javascript 활용 사례

[1, 2, 3].forEach(alert);
  • 위 코드는 '1', '2', '3' 이라고 쓰여진 각각의 경고 팝업(alert)를 띄워준다.
  • Array#forEach는 ECMA-262에서 제정되었으며 함수를 인자로 받고 나서 배열의 각 요새를 한 개씩 함수의 파라미터로 전달하는 기능을 수행한다.
  • (만약에 for문을 사용해 같은 기능을 구현하려 했다면 다음과 같았겠지)
      var arr = [1, 2, 3];
      for(var i=0; i<arr.length; i++) {
          alert(arr[i]);
      }

//splat.js 
function splat(fun) {
    return function(array) {
      return fun.apply(null, array);
  };
}
 
var addArrayElements = splat(function(x, y) {
    return x + y;
});
 
console.log(addArrayElements([1, 2]));
// => 3 
  • 함수를 return 하는 것은 클로저(closure)다.
  • apply 메소드는 모든 자바스크립트 함수에 제공되며, 배열 요소를 함수의 인자처럼 제공한다.
  • 위 예제는 apply를 사용해 splat이라는 간단한 함수를 만든 것이다.
  • splat는 함수를 인자로 받아 다른 함수를 리턴한다. 배열을 인자로 받으며 원래 함수(fun)를 apply로 호출한다.
    • 배열의 요소가 fun의 인자로 전달된다.
  • 와씨 벌써부터 무슨말인지 헷갈린다

//unsplat.js 
var _ = require('underscore');
 
function unsplat(fun) {
  return function() {
    return fun.call(null, _.toArray(arguments));
  };
}
 
var joinElements = unsplat(function(array) {
  return array.join(' ');
});
 
console.log(joinElements(1, 2));
//=> "1 2" 
 
console.log(joinElements('Y', 'o', 'w', 'u'));
// => "Y o w u" 
  • 위 예제는 splat과 반대로 작동하는 unsplat이다.
  • 반환되는 함수는 몇몇 인자를 받으며 원래 함수(fun)를 주어진 배열 값으로 호출한다.
  • arguments는 함수의 인자로 제공되는 값을 저장하는 배열과 유사한 변수(Object)다. 매우 편리한 친구다.
  • _.toArrayObjectValuesArray 형태로 포맷팅 해준다. 마치 parseArray 같은 느낌.
  • 아직도 잘 모르겠다

Javascript의 몇 가지 한계

  • 자바스크립트가 결점이 많은 언어라는 것은 분명하며, 아직도 깊이 있는 토론이 진행 중이다.
  • 표현의 명확성과 관련한 문제.
    • 이 문제를 해결하려고 시도하려는 것은 '웹'을 망가뜨리는 일이 될 수도 있다.
    • (저자는 CoffeeScript, TypeScript와 같은 컴파일 플랫폼을 대상으로 하는 언어가 점점 많아지는 것을 예로 들었지만 무슨 얘기인지 모르겠다.)
  • 자바스크립트에서 개발자가 흔히 사용하는 명령형 기법, 지역 스코핑 의존은 기본적으로 안전하지 않다.
    • 프로그램 규모가 커질 수록 골치 아파짐.
  • 자바스크립트를 선택하는데 가장 큰 걸림돌 세가지
    1. 언어의 이상한 점
    2. 안전하지 않은 특성
    3. 수많은 경쟁 라이브러리
  • 이렇게 쓰고보니 자바스크립트 쓰지 말라는 소리인 것 같다.
  • but, 훈련과 정해진 규칙을 준수하면 자바스크립트는 안전할 뿐만 아니라 이해하고 테스트하기 쉬우며 확장의 편리성 까지 갖췄다. 그러니깐 앞으로 제대로 쓸 수 있게 함수형 프로그래밍을 배울거다.
프로필사진

Yowu (Yu Yongwoo)

흔한 백엔드 개발자입니다
우분투 데스크탑 개발 환경을 선호합니다
최근에는 vscode에 neovim 모드 올려서 쓰고 있습니다
개발용 키보드는 역시 해피해킹 프로2 무각입니다
락 밴드에서 드럼을 쳤습니다

«   2020/02   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
글 보관함
Total
2,651,839
Today
616
Yesterday
1,319