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

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

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

코드 복사 코드는 다음과 같습니다.

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 talk(msg){
var t = typeof msg;
if(t=="string"){
Alert("문자열입니다")
}
else if(t=="number"){
Alert("숫자입니다")
}
}
talk(10); //문자열입니다
talk("demo"); //숫자입니다

매개변수 유형과 숫자를 엄격하게 감지하는 매우 영리한 기능이 첨부되어 있습니다.

코드 복사 코드는 다음과 같습니다.

//다음을 기준으로 변수 목록을 엄격히 확인합니다. 매개변수 목록
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) ..

}