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

or whatever...

I'm skeptical of the whole "make sure it's function" strategy. The only legitimate values are a function or falsy. If someone passes in a non-zero number or a non-empty string, what are you going to do? How does ignoring the problem solve it?

---

A valid function is based on the Function prototype, use:

if (callback instanceof Function)

to be sure the callback is a function

---

If the criteria for running the callback is that whether its defined or not, then you're fine. Also, I suggest to check if its really a function in addition.

---

I have sinced moved to coffee-script and found default arguments is a nice way to solve this problem

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

---

It can easilly be done with ArgueJS:

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

참고URL : https://stackoverflow.com/questions/6792663/javascript-style-for-optional-callbacks