JS 메소드 구현을 위해 캐시를 호출하는 단계에 대한 자세한 설명

이번에는 JS 메서드를 구현하기 위해 캐시를 호출하는 단계에 대해 자세히 설명하겠습니다. JS 메서드를 구현하기 위해 캐시를 호출할 때 주의 사항은 무엇인가요? 다음은 실제 사례입니다. 1.

메서드 오버로딩이란

메서드 오버로딩은 클래스에 동일한 이름을 가진 여러 메서드를 정의하는 것을 의미하지만 각 메서드에는 서로 다른 매개변수 유형이나 매개변수 개수가 필요합니다.

간단히 말하면, 메소드 오버로딩은 반복되는 메소드 이름과 다른 로딩 매개변수를 의미합니다.

자세한 내용은 왼쪽으로 가세요: 메소드 오버로딩/바이두 백과사전

그러면 js는 이것을 어떻게 구현합니까? ? ?

2.js를 어떻게 구현하나요?

먼저 JavaScript에는 함수/메소드를 오버로딩하는 개념이 없지만, js는 인수라는 메소드 매개변수를 제공합니다. 이 매개변수의 길이 속성을 통해 메소드 매개변수의 길이를 얻을 수 있습니다. 오늘 구현한 것도 매개변수 유형이 아닌 매개변수 길이에 따라 그냥 오버로드하는 것입니다~~·길이,

다운로드는 어떻습니까, 일단 메소드 매개변수 길이를 사용할 수 있게 되면 보다 일반적인 스위치 작성 방법이 나타납니다:

var seven={
  dosomething:function(){
    switch(arguments.length){
      case 0:
        console.log(arguments.length);
        //dosomething
        break;
      case 1:
        console.log(arguments.length);
        //dosomething
        break;
       case 2:
        //dosomething
        console.log(arguments.length);
        break;
    }
  }
}

3 .최적화

와~메소드가 10개라면 브랜치도 10개나 필요할텐데~그리고 유지관리도 엄청 어렵네요~각 메소드 본체가 케이스에 들어있거나 따로 제안해서 함수로 쓸 수도 있으니까요~

그러면 이것들은 나쁘다~유지관리가 쉽지 않고 유지하기가 어렵다. 높지 않다~ 그럼 매개변수가 다른 동일한 메소드 이름을 어떻게 우아하게 처리해야 할까요?

apply 메소드를 사용하는 곳입니다.

세븐에 대한 addMethod 메소드를 작성해보겠습니다

var seven = {
  addMethod: function (fname, func) {
    var old = this[fname];
    this[fname] = function () {
      if (arguments.length == func.length) {
        return func.apply(this,arguments);
      }
      if (typeof old == 'function') {
        return old.apply(this, arguments);
      }
    }
  }
};

수정된 세븐은 위와 같으며, 앞서 작성한 스위치는 다음과 같이 하면 됩니다.addMethod方法

seven.addMethod('dosomething', function (x) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y,z) {
  console.log(arguments.length);
   //dosomething
});

修改后的seven如上，然后之前写的switch就可以这样搞了:

rrreee

咱们要增加方法，只需要调用这个addMethod方法就ok了，是不是觉得简单明了，更加清晰。
那么这段代码的原理呢，其实也很简单，就是缓存旧方法，然后根据参数长度依次apply链式调用，直到找到和当前参数等长的方法~然后进行调用。

func 和 old rrreee

메소드를 추가하려면 addMethod 메소드만 호출하면 됩니다. 더 간단하고 명확하지 않나요?

그래서 이 코드의 원리는 사실 매우 간단합니다. 기존 메소드를 캐시한 후, 현재 매개변수와 동일한 길이의 메소드를 찾을 때까지 매개변수 길이에 따라 순차적으로 체인 호출을 적용한 후 호출하는 것입니다.

func 및 old는 이 분야에 처음 입문하는 사람들을 혼란스럽게 할 수 있습니다. 실제로 여기서는 JavaScript 언어의 기능이 교묘하게 사용됩니다. . 오래된 것이 저장될 때마다 마지막 방법에 대한 참조가 매번 새로운데, 오래된 오래된 것이 참조를 유지합니다. 폐쇄~.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 도서:

ES6

🎜vue+vue-router+vuex 작업 권한🎜🎜🎜에서 전체 화면 스크롤 플러그인을 구현하는 단계에 대한 자세한 설명

위 내용은 JS 메소드 구현을 위해 캐시를 호출하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!