JS 함수overloading_javascript 기술에 대한 솔루션

객체 지향 프로그래밍에서는 많은 언어가 함수 오버로딩을 지원합니다. 이는 함수가 전달하는 다양한 매개변수 수와 유형에 따라 다양한 작업을 수행할 수 있습니다. 그러나 JS는 이를 지원하지 않으며 추가 작업을 요구합니다. 작은 행동. JS의 함수 실행 컨텍스트에는 Argument라는 흥미로운 변수가 있는데, 이는 함수 정의에서 그렇게 많은 형식을 정의하지 않더라도 함수가 실행될 때 전달되는 모든 매개변수를 배열 형태로 저장합니다. 매개변수. 또 다른 특별한 특징은 Array 유형과 비교할 때 인수 변수에는 길이 속성이 하나만 있고 push, pop 등과 같은 속성이 없다는 것입니다. 이는 단지 "의사 배열"입니다. 길이 속성 및 저장 배열은 배열 접근자 []를 사용하여 액세스할 수 있으며 읽기 전용이고 쓰기가 불가능합니다.

1. 다양한 수의 매개변수에 대한 오버로딩 여기서는 인수 함수의 길이 속성을 사용하여 판단해야 합니다.

코드 복사 코드는 다음과 같습니다. function talk(msg,handler){ var len =args.length; //매개변수 전달 시 실행 if(len==1){ Alert("Function say:" msg) } //두 개의 매개변수가 전달될 때 실행 else if(len==2){ handler(msg); } } talk("demo"); talk("demo",function(w){alert("Handler say:" w);});

2. 다양한 유형의 매개변수 오버로딩 JS와 같이 동적으로 유형이 지정된 언어의 경우 변수 선언의 임의적 특성으로 인해 개발자가 생각하는 엄격한 변수 유형의 중요성이 희석됩니다(PS: 또한 ECMA 시스템을 기반으로 하며 AS는 필수 유형의 변수 선언을 도입했습니다. 실제로 이러한 변수 유형의 자동 변환으로 인해 예상치 못한 BUG가 많이 발생합니다. 실제로 JS는 변수 유형을 엄격하게 감지할 수 있는 매우 정확한 방법을 제공합니다. 가장 일반적인 방법은 typeof 메서드와 생성자 속성입니다. 1. typeof 변수는 변수 유형을 반환합니다.

코드 복사 코드는 다음과 같습니다. temp = "say" //string temp = 1; //숫자 temp = 정의되지 않음; //정의되지 않음 temp = null; //객체 temp = [] / /object temp = true; //부울 temp = function (){} //function alert(typeof temp); 위의 테스트를 통해 null, Object, Array가 객체 형태를 반환하는 것을 확인할 수 있으며, 다음 방법으로 이 문제를 해결할 수 있습니다.

2.생성자 속성은 변수 유형을 감지합니다 JS의 모든 객체에는 이 객체를 구성하는 함수를 참조하는 데 사용되는 생성자 속성이 있습니다. 이 참조를 판단하여 변수 유형을 감지할 수 있습니다.

코드 복사

코드는 다음과 같습니다. temp = "say"; temp.constructor ==String; //true temp= {}; temp.constructor == Object;//true temp= [] temp.constructor == Array;/ /사실

위의 테스트를 통해 Array형 변수와 Object형 변수를 쉽게 구별할 수 있습니다. 어떤 일이 일어나는지 보기 위해 사용자 정의 개체에 대한 테스트를 수행해 보겠습니다.

코드 복사

코드는 다음과 같습니다.

//사용자 정의 개체 함수 공 () {} //객체 인스턴스화 var basketBall = new Ball() basketBall.constructor==Ball //true

이는 생성자 속성이 사용자 정의 개체에도 적용 가능함을 보여줍니다.

위 두 가지 방법의 적용을 명확히 한 후 JS 함수 오버로딩의 시뮬레이션으로 돌아가 보겠습니다. 다음 예는 매개변수 유형에 따른 오버로딩입니다.

코드 복사

코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. //다음을 기준으로 변수 목록을 엄격히 확인합니다. 매개변수 목록 function strict(types, args ) { //매개변수 개수가 core 유형과 일치하는지 확인하세요. if (types.length != args.length ) { //길이가 일치하지 않으면 예외가 발생합니다. "인수 개수가 잘못되었습니다. " type.length "가 필요하고 대신 " args.length "를 받았습니다." 🎜> for ( var i = 0; i 사용 사용 사용 사용 through through 's를 사용하여 through out through out through through through through through through through through through through' ‐ to ‐‐ ‐‐‐‐ and‐ for ( var i = 0; i "잘못된 인수 유형입니다. 예상됨" 유형 [i] .Name ", 수신" 발생 ARGS [I] .conStructor.name "대신."; }} }

//위 방법 사용 function doFunction(id,name){ //매개변수의 개수와 유형을 감지 strict([Number,String],arguments) .. }