찾다
웹 프론트엔드JS 튜토리얼JavaScript가 함수 오버로딩을 쉽게 지원하도록 하기(2부 - 구현)_javascript 기술

텍스트 서명 인식
먼저 이전 기사에서 언급한 오버로드 사용 사례를 검토해 보겠습니다.

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

var extend = Overload
.add("*, ...",
function(target) { })
.add("Boolean, *, ...",
function(deep, target) { })


사용자가 특정 키를 나타내는 문자열을 입력할 수 있도록 허용합니다. 서명이 들어있습니다. 사용자가 함수를 호출할 때 사용자가 입력한 매개변수 인스턴스와 시그니처의 각 매개변수 유형을 비교해야 하므로 먼저 문자열을 유형 배열로 변환해야 합니다. 즉, "Boolean, Number, Array"라는 문자열을 [Boolean, Number, Array] 배열로 변환해야 합니다.

변환하기 전에 먼저 두 가지 특수 유형, 즉 모든 유형을 나타내는 "*"와 모든 숫자를 나타내는 "..." 처리를 고려해야 합니다. 오버로드 내에서 특별한 호환성 처리를 수행하기 위해 두 가지 독점 유형을 정의할 수 있습니다.

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

Overload.Any = function() {};
Overload.More = function() {};


두 가지 유형의 경우 문자열 "Boolean, *, ..."는 [Boolean, Overload.Any, Overload.More] 배열로 올바르게 변환됩니다. Overload.Any와 Overload.More는 모두 함수이므로 자연스럽게 타입으로 간주할 수 있습니다.

이 두 가지 유형이 올바르게 처리되면 텍스트 서명을 인식하는 변환 함수 작성을 시작할 수 있습니다.

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

if (signature.replace(/(^s |s $)/ig, "") == "") {
signature = [];
} else {
signature = 서명.split(",");
for (var i = 0; i var typeExpression = 서명[i].replace(/(^s |s $)/ig, "");
var type = null
if (typeExpression == "*") {
type = 오버로드. 모두;
} else if (typeExpression == "...") {
type = Overload.More
} else {
type = eval("(" typeExpression ")");
}
signature[i] = type;
}
}

이 코드는 이해하기 쉬울 것 같아 더 이상 설명하지 않겠습니다. 처음 이 코드를 작성할 때 위의 첫 번째 if를 작성하는 것을 잊어버렸습니다. 그 결과 빈 서명 문자열 ""이 빈 서명 배열 []로 올바르게 인식되지 않았습니다. 다행히도 내 단위 테스트 코드에서는 이 결함을 즉시 발견했습니다. . 단위 테스트 코드 작성은 여전히 ​​매우 중요한 것 같습니다.

함수 서명 일치
함수 서명의 유형 배열을 얻은 후 이를 사용하여 입력 매개변수의 인스턴스 배열을 일치시켜 올바른 반복 로드를 찾을 수 있습니다. 함수 시그니처를 일치시키는 방법을 논의하기 전에 먼저 C# 또는 VB.NET과 같은 언어가 함수 오버로드 일치를 처리하는 방법을 살펴보겠습니다. 일반 언어의 함수 오버로드 매칭 과정은 다음과 같습니다.

매개변수 개수 - 매개변수 개수가 잘못된 오버로드는 제외됩니다.
매개변수 유형 - 매개변수 유형은 암시적으로 시그니처로 변환될 수 없습니다. 제외
일치 수 - 제외 후 남은 일치 시그니처 수는 다르게 처리됩니다.
일치 0개 - 일치 없음
일치 1개 - 일치
일치 2개 이상 - 이러한 일치 항목 중에서 가장 일치하는 항목이 발견되면 가장 일치하는 항목이 적중되고 그렇지 않으면 일치 항목이 적중되지 않습니다.
이 섹션에서는 먼저 프로세스를 처리합니다. 처음 두 단계에서는 일치하지 않는 매개변수 번호 또는 매개변수가 있는 서명을 제거합니다. 유형:

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

var matchSignature = function (argumentsArray, 서명) {
if (argumentsArray.length return false
} else if (argumentsArray.length > 서명.length && !signature.more) {
false 반환
}
for (var i = 0; i if (!( 서명[i] == Overload.Any
|| 인수Array[i] 인스턴스of 서명[i]
|| 인수Array[i].constructor == 서명[i])) {
return false;
}
return true; 🎜>};


길이를 비교하려면 이 함수 외부의 매개변수 수를 나타내는 "..."를 추가해야 합니다.



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

if (signature[signature.length - 1] == Overload.More) {
signature.length = 서명.length - 1
signature.more =
}


이 코드 조각은 첫 번째 섹션의 변환 함수 끝에 통합되므로 matchSignature 함수가 매개변수와 서명이 일치하는지 쉽게 확인할 수 있습니다. 가장 이상적인 경우에는 입력 매개변수 유형에 대해 0 또는 1의 오버로드를 일치시켜 어떤 오버로드가 발생하는지 쉽게 결정할 수 있습니다. 하지만 2개 이상의 오버로드 일치 항목이 있는 경우 최적의 항목을 선택해야 하며 이에 대해서는 다음 섹션에서 설명합니다.

여러 일치 항목 처리
C#이 여러 일치 항목에서 더 많은 일치 오버로드를 선택하는 방법에 대한 자세한 내용은 C# 언어 사양의 관련 장을 참조하세요. 세 가지 간단한 예가 문제를 설명할 수 있다고 생각합니다.

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

long Sum(int x, int y) { return x y; }
long Sum(long x, long y) { return x y }
Sum(0, 1); >
두 매개변수 0과 1은 컴파일러에서 int 유형으로 인식되므로 첫 번째 오버로드에서는 유형을 변환할 필요가 없고 두 번째 오버로드에서는 유형을 변환해야 합니다. 첫 번째 과부하가 더 좋습니다.



long Sum(int x, long y) { return x y; }
long Sum(long x, int y) { return x y }
Sum(0, 1)


매개변수 , 두 번째 매개변수에서는 첫 번째 오버로드가 더 좋고, 두 번째 오버로드가 더 좋습니다. 이 경우 오버로드가 없는 것이 다른 것보다 더 좋으며 컴파일러는 더 나은 오버로드를 찾을 수 없으면 오류를 보고합니다.



long Sum(int x, int y) { return x y; }
long Sum(int x, long y) { return x y }
long Sum(long x, int y) { return x y }
Sum(0, 1) );


첫 번째 매개변수에서는 첫 번째 오버로드가 세 번째 오버로드보다 좋고 두 번째 매개변수에서는 두 번째 오버로드와 동일합니다. 2차 오버로딩은 3차 오버로딩과 다르지 않습니다. 두 번째 오버로드는 세 번째 오버로드와 구별할 수 없지만 첫 번째 오버로드가 모든 것보다 낫다는 것을 확신할 수 있으므로 컴파일러는 첫 번째 오버로드를 선택했습니다.

두 서명의 장단점을 비교할 수 있는overloadComparator의 비교 기능이 있다고 가정해 보겠습니다. 최적의 과부하를 찾기 위해 서명을 쌍으로만 비교해야 할까요? 실제로는 필요하지 않습니다. Array의 정렬 메서드를 사용하여 정렬을 위해overloadComparator를 호출할 수 있습니다. 정렬 후 상위 두 개 사이의 관계를 확인하면 됩니다. 연결되어 있으면 둘 다 적중되지 않습니다. 우선 순위가 있으면 첫 번째 항목이 적중됩니다.

여기에서는 구체적인overloadComparator 코드가 제공되지 않습니다. 이는 전달된 실제 매개변수 유형에 더 가까운 두 서명의 매개변수 유형을 비교하기 위해 상속Comparator라는 또 다른 비교 함수를 사용합니다. 이 코드는 A more 내부에서 사용됩니다. 두 유형이 상속 관계를 갖고 있는지, 누가 누구로부터 상속하는지를 결정하는 영리한 방법입니다.


요약
이제 JavaScript 함수 오버로딩 라이브러리가 생겼습니다. 전체 코드는 여기를 참조하세요: 함수 오버로딩 라이브러리 오버로드. 이 라이브러리가 모든 사람이 JavaScript 코드의 가독성을 향상시키고 대규모 Ajax 프로젝트의 유지 관리 비용을 줄이는 데 효과적으로 도움이 되기를 바랍니다.
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
브라우저 너머 : 실제 세계의 JavaScript브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Apr 11, 2025 am 08:23 AM

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Apr 11, 2025 am 08:22 AM

이 기사에서는 Contrim에 의해 확보 된 백엔드와의 프론트 엔드 통합을 보여 주며 Next.js를 사용하여 기능적인 Edtech SaaS 응용 프로그램을 구축합니다. Frontend는 UI 가시성을 제어하기 위해 사용자 권한을 가져오고 API가 역할 기반을 준수하도록합니다.

JavaScript : 웹 언어의 다양성 탐색JavaScript : 웹 언어의 다양성 탐색Apr 11, 2025 am 12:01 AM

JavaScript는 현대 웹 개발의 핵심 언어이며 다양성과 유연성에 널리 사용됩니다. 1) 프론트 엔드 개발 : DOM 운영 및 최신 프레임 워크 (예 : React, Vue.js, Angular)를 통해 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축합니다. 2) 서버 측 개발 : Node.js는 비 차단 I/O 모델을 사용하여 높은 동시성 및 실시간 응용 프로그램을 처리합니다. 3) 모바일 및 데스크탑 애플리케이션 개발 : 크로스 플랫폼 개발은 개발 효율을 향상시키기 위해 반응 및 전자를 통해 실현됩니다.

JavaScript의 진화 : 현재 동향과 미래 전망JavaScript의 진화 : 현재 동향과 미래 전망Apr 10, 2025 am 09:33 AM

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

Demystifying JavaScript : 그것이하는 일과 중요한 이유Demystifying JavaScript : 그것이하는 일과 중요한 이유Apr 09, 2025 am 12:07 AM

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

Python 또는 JavaScript가 더 좋습니까?Python 또는 JavaScript가 더 좋습니까?Apr 06, 2025 am 12:14 AM

Python은 데이터 과학 및 기계 학습에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 간결한 구문 및 풍부한 라이브러리 생태계로 유명하며 데이터 분석 및 웹 개발에 적합합니다. 2. JavaScript는 프론트 엔드 개발의 핵심입니다. Node.js는 서버 측 프로그래밍을 지원하며 풀 스택 개발에 적합합니다.

JavaScript를 어떻게 설치합니까?JavaScript를 어떻게 설치합니까?Apr 05, 2025 am 12:16 AM

JavaScript는 이미 최신 브라우저에 내장되어 있기 때문에 설치가 필요하지 않습니다. 시작하려면 텍스트 편집기와 브라우저 만 있으면됩니다. 1) 브라우저 환경에서 태그를 통해 HTML 파일을 포함하여 실행하십시오. 2) Node.js 환경에서 Node.js를 다운로드하고 설치 한 후 명령 줄을 통해 JavaScript 파일을 실행하십시오.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전