> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 객체지향에서 클래스를 정의하는 방법은 무엇입니까?

자바스크립트 객체지향에서 클래스를 정의하는 방법은 무엇입니까?

伊谢尔伦
풀어 주다: 2017-07-27 13:37:53
원래의
1130명이 탐색했습니다.

javascript의 광범위한 사용첫 번째는 js 객체의 캡슐화입니다. js는 클래스 메커니즘을 제공하지 않습니다. 이는 모든 함수가 함수의 인스턴스화됨을 의미합니다. 수업. 그러나 이 고유한 클래스를 사용하여 새 클래스 정의를 시뮬레이션할 수 있습니다.

가장 먼저 생각나는 것은 함수를 직접 사용하여 완전히 정의된 클래스를 생성하는 것입니다.

function myClass(arg,...) 
{ 
this.attributeName; 
this.functionName = function(){}; 
}
로그인 후 복사


그러나 문제가 있습니다. 새로운 myClass 인스턴스가 생성될 때마다 내부 함수가 공간을 다시 열고 반환합니다. functionName 에 대한 참조입니다. 그러나 이는 우리가 상상한 클래스와 맞지 않으며 이론적으로는 클래스의 기능을 공유해야 한다.

더 합리적인 접근 방식은 클래스 외부에서 함수를 정의한 다음 클래스 내부의 functionName에 함수 포인터를 할당하는 것입니다. 다른 하나는 클래스 외부에서 myClass.prototype.functionName = function(){}을 사용하는 것입니다. 둘 다 좋은 선택이며, 두 번째는 클래스 정의에 더 가깝습니다.
다음으로 var newObj = new myClass(); 하면 완료됩니다.

js 이름 없는 함수 정보
이름 없는 함수의 기능 중 하나는 주로 정의를 위해 새 함수 개체에 대한 참조를 생성하는 것일 수 있습니다.

또 다른 용도는 매개변수를 포함할 수 없는 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); 
}
로그인 후 복사


위 내용은 자바스크립트 객체지향에서 클래스를 정의하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿