특정 매개 변수가 특정 유형임을 Javascript 함수에 알리는 방법이 있습니까?
이와 같은 것을 할 수 있다면 완벽 할 것입니다.
function myFunction(Date myDate, String myString)
{
//do stuff
}
감사합니다!
업데이트 : 대답이 울리는 “아니오”이기 때문에 myDate
(날짜 함수를 호출하기 위해) 날짜로 취급하려면 함수 내에서 날짜로 캐스팅하거나 새 변수를 설정해야합니다. 날짜를 입력 하시겠습니까?
답변
아니요, JavaScript는 정적으로 유형이 지정된 언어가 아닙니다. 때로는 함수 본문에서 매개 변수 유형을 수동으로 확인해야 할 수도 있습니다.
답변
자바 스크립트는 아니지만 Google Closure Compiler의 고급 모드를 사용하면 다음과 같이 할 수 있습니다.
/**
* @param {Date} myDate The date
* @param {string} myString The string
*/
function myFunction(myDate, myString)
{
//do stuff
}
http://code.google.com/closure/compiler/docs/js-for-compiler.html을 참조하십시오 .
답변
JavaScript 에 유형에 대한 언어를 알 수는 없지만 IDE에 유형에 대해 알릴 수 있으므로 훨씬 더 유용한 자동 완성을 얻을 수 있습니다.
이를 수행하는 두 가지 방법이 있습니다.
-
주석에 JavaScript 코드를 문서화하는 시스템 인 JSDoc을 사용하십시오 . 특히
@param
지시어 가 필요합니다 ./** * @param {Date} myDate - The date * @param {string} myString - The string */ function myFunction(myDate, myString) { // ... }
JSDoc을 사용하여 사용자 정의 유형 을 정의 하고
@param
지시문에 유형 을 지정할 수도 있지만 JSDoc은 유형 검사를 수행하지 않습니다. 문서화 도구 일뿐입니다. 에 JSDoc,보기에 정의 된 유형을 확인하려면 타이프 라이터를 할 수있는, JSDoc 태그를 구문 분석 . -
에서 매개 변수 바로 앞에 유형을 지정하여 유형 힌트를 사용하십시오
/* comment */
.이것은 예를 들어 ReactJS 가 사용하는 꽤 광범위한 기술 입니다. 타사 라이브러리로 전달되는 콜백 매개 변수에 매우 편리합니다.
TypeScript
실제 유형 검사의 경우 가장 가까운 솔루션은 JavaScript 의 ( 대부분 ) 수퍼 셋 인 TypeScript를 사용하는 것 입니다. 여기 5 분 타이프 라이터를 .
답변
Facebook 의 새로운 Flow 라이브러리 인 “JavaScript 프로그램에서 유형 오류를 찾기 위해 설계된 정적 유형 검사기”를 확인하십시오.
정의:
/* @flow */
function foo(x: string, y: number): string {
return x.length * y;
}
foo('Hello', 42);
타입 검사 :
$> flow
hello.js:3:10,21: number
This type is incompatible with
hello.js:2:37,42: string
그리고 여기에 그것을 실행하는 방법이 있습니다 .
답변
아니요, 대신 필요에 따라 다음과 같은 작업을 수행해야합니다.
function myFunction(myDate, myString) {
if(arguments.length > 1 && typeof(Date.parse(myDate)) == "number" && typeof(myString) == "string") {
//Code here
}
}
답변
당신은 시스템을 구현할 수 있습니다 함수의 래퍼를 사용하여 형식 검사를 자동으로 처리 .
이 접근 방식
declarative type check system
을 사용하면 유형 검사를 관리 할 수있는 완전한 빌드 할 수 있습니다 . 이 개념에 대해 더 자세히 살펴보고 싶다면 Functyped 라이브러리를
다음 구현은 단순하지만 작동 가능한 방식으로 주요 아이디어를 보여줍니다 .
/*
* checkType() : Test the type of the value. If succeds return true,
* if fails, throw an Error
*/
function checkType(value,type, i){
// perform the appropiate test to the passed
// value according to the provided type
switch(type){
case Boolean :
if(typeof value === 'boolean') return true;
break;
case String :
if(typeof value === 'string') return true;
break;
case Number :
if(typeof value === 'number') return true;
break;
default :
throw new Error(`TypeError : Unknown type provided in argument ${i+1}`);
}
// test didn't succeed , throw error
throw new Error(`TypeError : Expecting a ${type.name} in argument ${i+1}`);
}
/*
* typedFunction() : Constructor that returns a wrapper
* to handle each function call, performing automatic
* arguments type checking
*/
function typedFunction( parameterTypes, func ){
// types definitions and function parameters
// count must match
if(parameterTypes.length !== func.length) throw new Error(`Function has ${func.length} arguments, but type definition has ${parameterTypes.length}`);
// return the wrapper...
return function(...args){
// provided arguments count must match types
// definitions count
if(parameterTypes.length !== args.length) throw new Error(`Function expects ${func.length} arguments, instead ${args.length} found.`);
// iterate each argument value, and perform a
// type check against it, using the type definitions
// provided in the construction stage
for(let i=0; i<args.length;i++) checkType( args[i], parameterTypes[i] , i)
// if no error has been thrown, type check succeed
// execute function!
return func(...args);
}
}
// Play time!
// Declare a function that expects 2 Numbers
let myFunc = typedFunction( [ Number, Number ], (a,b)=>{
return a+b;
});
// call the function, with an invalid second argument
myFunc(123, '456')
// ERROR! Uncaught Error: TypeError : Expecting a Number in argument 2
답변
편집 : 7 년이 지난 후에도이 대답은 여전히 비정기적인 의견을 얻습니다. 런타임 검사를 찾고 있다면 괜찮지 만 Typescript 또는 Flow를 사용하여 컴파일 타임 유형 검사를 권장합니다. 자세한 내용은 위의 https://stackoverflow.com/a/31420719/610585를 참조 하십시오 .
원래 답변 :
언어에 내장되어 있지는 않지만 직접 쉽게 할 수 있습니다. Vibhu의 대답은 Javascript에서 일반적인 유형 검사 방법을 고려할 것입니다. 좀 더 일반화 된 것을 원한다면 다음과 같이 해보십시오.
typedFunction = function(paramsList, f){
//optionally, ensure that typedFunction is being called properly -- here's a start:
if (!(paramsList instanceof Array)) throw Error('invalid argument: paramsList must be an array');
//the type-checked function
return function(){
for(var i=0,p,arg;p=paramsList[i],arg=arguments[i],i<paramsList.length; i++){
if (typeof p === 'string'){
if (typeof arg !== p) throw new Error('expected type ' + p + ', got ' + typeof arg);
}
else { //function
if (!(arg instanceof p)) throw new Error('expected type ' + String(p).replace(/\s*\{.*/, '') + ', got ' + typeof arg);
}
}
//type checking passed; call the function itself
return f.apply(this, arguments);
}
}
//usage:
var ds = typedFunction([Date, 'string'], function(d, s){
console.log(d.toDateString(), s.substr(0));
});
ds('notadate', 'test');
//Error: expected type function Date(), got string
ds();
//Error: expected type function Date(), got undefined
ds(new Date(), 42);
//Error: expected type string, got number
ds(new Date(), 'success');
//Fri Jun 14 2013 success