직면한 문제는 우선 js 객체의 캡슐화입니다. js는 클래스 메커니즘을 제공하지 않습니다. 유일한 내장 클래스는 함수 클래스입니다. 즉, 모든 함수는 함수 클래스의 인스턴스화된 객체입니다. 그러나 이 고유한 클래스를 사용하여 새 클래스 정의를 시뮬레이션할 수 있습니다.
가장 먼저 떠오르는 것은 함수를 직접 사용하여 완전히 정의된 클래스를 생성하는 것입니다.
function myClass(arg,...)
{
this.attributeName;
this.functionName = function()
}
하지만 여기에는 문제가 있습니다. 새 myClass 인스턴스를 만들 때마다 내부 함수가 공간을 다시 열고 functionName에 대한 참조를 반환합니다. 그러나 이는 우리가 상상한 클래스와 맞지 않으며 이론적으로는 클래스의 기능을 공유해야 한다.
더 합리적인 접근 방식은 클래스 외부에서 함수를 정의한 다음 클래스 내부의 functionName에 함수 포인터를 할당하는 것입니다. 다른 하나는 클래스 외부에서 myClass.prototype.functionName = function(){}을 사용하는 것입니다. 둘 다 좋은 선택이며, 두 번째는 클래스 정의에 더 가깝습니다.
다음으로 var newObj = new myClass(); 작업이 완료되었습니다.
js(2) 이름 없는 함수에 대하여
이름 없는 함수의 기능 중 하나는 주로 정의를 위해 새 함수 개체에 대한 참조를 생성하는 것일 수 있습니다.
또 다른 용도는 매개변수를 포함할 수 없는 js의 일부 콜백 함수입니다.
분명한 예가 setInterval인데, 특히 콜백 함수에 매개변수를 추가하려고 할 때 많은 사람들이 골치아픈 함수라고 생각합니다.
그리고 가장 문제가 되는 점은 DHTML이 w3c에서 지정한 표준이 아니기 때문에 브라우저마다 다른 setInterval 매개변수 테이블을 제공한다는 점입니다. . .
테스트한 두 브라우저(IE 코어, 웹킷 코어)
IE: setInvterval(function, msecond [,lang])
chrome:setInterval(function, msecond [, pram1, pram2, . ...]);
즉, 크롬에서는 함수에 매개변수를 추가할 수 있으며 매개변수 목록은 끝에 있습니다. 하지만 IE의 마지막 매개변수는 사용되는 스크립팅 언어의 유형을 나타내는 것입니다. 왜냐하면 IE는 js 외에도 vbs와 같은 다른 스크립팅 언어도 지원하기 때문입니다.
호환성 문제를 해결하려면 이름이 지정되지 않은 함수를 사용해야 합니다. . .
function test(yourArg)
{
var arg = yourArg;
setInterval(function(){callback(arg)}, time)