[javascript] 자바 스크립트에서 함수 오버로드-모범 사례

다음은 매개 변수 유형을 사용하여 실제 메소드 오버로드를 허용하는 접근법입니다.

Func(new Point());
Func(new Dimension());
Func(new Dimension(), new Point());
Func(0, 0, 0, 0);

편집 (2018) : 2011 년에 작성된 이래로 직접 메서드 호출 속도는 크게 증가했지만 오버로드 된 메서드 속도는 증가하지 않았습니다.

이 방법을 권장하지는 않지만 이러한 유형의 문제를 해결하는 방법에 대해 생각하는 것이 좋습니다.

https://jsperf.com/function-overloading- 다양한 접근 방식의 벤치 마크입니다 . 그것은 그 기능 (계정으로 유형을 복용) 과부하 주위에있을 수 있습니다 보여줍니다 13 배 느린 구글에서 크롬의 V8 기준으로 16.0 (베타) .

객체 (즉 {x: 0, y: 0}) 를 전달할뿐만 아니라 적절한 경우 메소드의 이름을 지정하여 C 접근법을 취할 수도 있습니다. 예를 들어 Vector.AddVector (vector), Vector.AddIntegers (x, y, z, …) 및 Vector.AddArray (integerArray)입니다. 영감을주는 OpenGL과 같은 C 라이브러리를 볼 수 있습니다.

편집 : 나는 개체를 전달하고 모두를 사용하여 객체에 대한 테스트를위한 벤치 마크를 추가 한 'param' in arg과arg.hasOwnProperty('param') , 함수 오버로드는 훨씬 더 빨리 (적어도이 벤치 마크에서) 속성에 대한 대상 및 검사를 통과보다.

설계 관점에서 함수 오버로딩은 오버로드 된 매개 변수가 동일한 조치에 해당하는 경우에만 유효하거나 논리적입니다. 따라서 특정 세부 사항에만 관련된 기본 방법이 있어야하며 그렇지 않은 경우 부적절한 디자인 선택을 나타낼 수 있습니다. 따라서 데이터를 개별 객체로 변환하여 함수 오버로드 사용을 해결할 수도 있습니다. 물론 이름을 인쇄하려는 의도가 있다면 정교한 디자인을 만들 필요가 없기 때문에 문제의 범위를 고려해야하지만 프레임 워크와 라이브러리의 디자인에는 그러한 생각이 정당합니다.

내 예제는 Rectangle 구현에서 온 것이므로 Dimension 및 Point에 대한 언급입니다. 아마도 Rectangle이 및 프로토 타입에 GetRectangle()메소드를 추가 한 다음 함수 오버로드 문제가 정렬 될 수 있습니다. 프리미티브는 어떻습니까? 자, 우리는 인자 길이를 가지고 있는데, 이것은 객체에 메소드 가 있기 때문에 이제 유효한 테스트 입니다.DimensionPointGetRectangle()

function Dimension() {}
function Point() {}

var Util = {};

Util.Redirect = function (args, func) {
  'use strict';
  var REDIRECT_ARGUMENT_COUNT = 2;

  if(arguments.length - REDIRECT_ARGUMENT_COUNT !== args.length) {
    return null;
  }

  for(var i = REDIRECT_ARGUMENT_COUNT; i < arguments.length; ++i) {
    var argsIndex = i-REDIRECT_ARGUMENT_COUNT;
    var currentArgument = args[argsIndex];
    var currentType = arguments[i];
    if(typeof(currentType) === 'object') {
      currentType = currentType.constructor;
    }
    if(typeof(currentType) === 'number') {
      currentType = 'number';
    }
    if(typeof(currentType) === 'string' && currentType === '') {
      currentType = 'string';
    }
    if(typeof(currentType) === 'function') {
      if(!(currentArgument instanceof currentType)) {
        return null;
      }
    } else {
      if(typeof(currentArgument) !== currentType) {
        return null;
      }
    }
  }
  return [func.apply(this, args)];
}

function FuncPoint(point) {}
function FuncDimension(dimension) {}
function FuncDimensionPoint(dimension, point) {}
function FuncXYWidthHeight(x, y, width, height) { }

function Func() {
  Util.Redirect(arguments, FuncPoint, Point);
  Util.Redirect(arguments, FuncDimension, Dimension);
  Util.Redirect(arguments, FuncDimensionPoint, Dimension, Point);
  Util.Redirect(arguments, FuncXYWidthHeight, 0, 0, 0, 0);
}

Func(new Point());
Func(new Dimension());
Func(new Dimension(), new Point());
Func(0, 0, 0, 0);

답변