[javascript] 선택적 콜백을위한 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)

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