선택적 콜백을위한 JavaScript 스타일

때때로 (항상은 아님) 콜백을 받아 실행하는 일부 함수가 있습니다. 콜백이 정의되어 있는지 / 기능이 좋은지 확인하고 있습니까? 아니면 더 좋은 방법이 있습니까?

예:

function save (callback){
   .....do stuff......
   if(typeof callback !== 'undefined'){
     callback();
   };
};

나는 개인적으로 선호한다

typeof callback === 'function' && callback();

typeof명령은 그러나 사기이며에만 사용되어야 "undefined"하고"function"

의 문제 typeof !== undefined는 사용자가 함수가 아닌 정의 된 값을 전달할 수 있다는 것입니다.

다음을 수행 할 수도 있습니다.

var noop = function(){}; // do nothing.

function save (callback){
   callback = callback || noop;
   .....do stuff......
};

callback몇 군데에서 를 사용하는 경우 특히 유용합니다 .

또한을 사용하는 경우 jQuery이미 $ .noop 라는 함수가 있습니다.

간단하게

if (callback) callback();

어떤 유형이든 상관없이 제공된 경우 콜백을 호출하는 것을 선호합니다. 자동으로 실패하지 않도록 구현자가 잘못된 인수를 전달했음을 알고 수정할 수 있습니다.

ECMAScript 6

// @param callback Default value is a noop fn.
function save(callback = ()=>{}) {
   // do stuff...
   callback();
}

콜백을 선택 사항으로 만드는 대신 기본값을 할당하고 아무리

const identity = x =>
  x

const save (..., callback = identity) {
  // ...
  return callback (...)
}

사용시

save (...)              // callback has no effect
save (..., console.log) // console.log is used as callback

이러한 스타일을 연속 전달 스타일 이라고 합니다. 다음 combinations은 배열 입력의 가능한 모든 조합을 생성 하는 실제 예 입니다.

const identity = x =>
  x

const None =
  Symbol ()

const combinations = ([ x = None, ...rest ], callback = identity) =>
  x === None
    ? callback ([[]])
    : combinations
        ( rest
        , combs =>
            callback (combs .concat (combs .map (c => [ x, ...c ])))
        )

console.log (combinations (['A', 'B', 'C']))
// [ []
// , [ 'C' ]
// , [ 'B' ]
// , [ 'B', 'C' ]
// , [ 'A' ]
// , [ 'A', 'C' ]
// , [ 'A', 'B' ]
// , [ 'A', 'B', 'C' ]
// ]

combinations연속 전달 스타일로 정의 되기 때문에 위의 호출은 사실상 동일합니다.

combinations (['A', 'B', 'C'], console.log)
// [ []
// , [ 'C' ]
// , [ 'B' ]
// , [ 'B', 'C' ]
// , [ 'A' ]
// , [ 'A', 'C' ]
// , [ 'A', 'B' ]
// , [ 'A', 'B', 'C' ]
// ]

결과로 다른 작업을 수행하는 사용자 지정 연속을 전달할 수도 있습니다.

console.log (combinations (['A', 'B', 'C'], combs => combs.length))
// 8
// (8 total combinations)

연속 통과 스타일은 놀랍도록 우아한 결과와 함께 사용할 수 있습니다.

const first = (x, y) =>
  x

const fibonacci = (n, callback = first) =>
  n === 0
    ? callback (0, 1)
    : fibonacci
        ( n - 1
        , (a, b) => callback (b, a + b)
        )
        
console.log (fibonacci (10)) // 55
// 55 is the 10th fibonacci number
// (0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, ...)

나는 같은 스 니펫을 반복해서 보는 것에 너무 지쳤습니다.

  var cb = function(g) {
    if (g) {
      var args = Array.prototype.slice.call(arguments); 
      args.shift(); 
      g.apply(null, args); 
    }
  };

나는 같은 일을하는 수백 개의 기능을 가지고 있습니다.

  cb(callback, { error : null }, [0, 3, 5], true);

또는 무엇이든...

나는 전체 "기능을 확인하라"전략에 회의적이다. 유일한 합법적 인 값은 함수 또는 허위입니다. 누군가가 0이 아닌 숫자 나 비어 있지 않은 문자열을 전달하면 어떻게 하시겠습니까? 문제를 무시하면 어떻게 해결됩니까?

유효한 함수는 Function 프로토 타입을 기반으로합니다. 다음을 사용하십시오.

if (callback instanceof Function)

콜백이 함수인지 확인하려면

콜백을 실행하는 기준이 정의 여부와 관계없이이면 괜찮습니다. 또한 실제로 기능이 있는지 확인하는 것이 좋습니다.

나는 이후 커피 스크립트로 옮겼고 기본 인수가이 문제를 해결하는 좋은 방법이라는 것을 알았습니다.

doSomething = (arg1, arg2, callback = ()->)->
    callback()

ArgueJS 로 쉽게 할 수 있습니다 .

function save (){
  arguments = __({callback: [Function]})
.....do stuff......
  if(arguments.callback){
    callback();
  };
};