JavaScript에서 개체의 모든 메서드를 나열하는 방법은 무엇입니까?

객체의 모든 메소드 나열

JavaScript에서는 Object.getOwnPropertyNames() 메소드를 사용하여 객체의 메소드를 열거할 수 있습니다. 그러나 메소드가 아닌 속성을 필터링하여 원하는 기능만 얻을 수도 있습니다.

Object.getOwnPropertyNames()

Object.getOwnPropertyNames( )는 주어진 객체에 속하는 모든 속성(열거 가능 및 비열거 가능)의 배열을 반환합니다. 예:

console.log(Object.getOwnPropertyNames(Math));
//-> ["E", "LN10", "LN2", "LOG2E", "LOG10E", "PI", ...etc ]

필터링 방법

메서드만 얻으려면 Object.getOwnPropertyNames()를 filter() 메서드와 결합할 수 있습니다.

console.log(Object.getOwnPropertyNames(Math).filter(function (p) {
    return typeof Math[p] === 'function';
}));
//-> ["random", "abs", "acos", "asin", "atan", "ceil", "cos", "exp", ...etc ]

ES3 브라우저 호환성

ES3 브라우저(예: IE 8 이하)에서는 브라우저 자체에서 정의한 속성을 제외하고 내장 객체 속성을 열거할 수 없습니다. (예: 창, 문서). 결과적으로 위의 접근 방식을 사용하면 이러한 환경의 모든 메소드를 캡처할 수 없습니다.

IE Bug with { DontEnum }

Internet Explorer에는 이를 유발하는 버그가 있습니다. 프로토타입 체인에 { DontEnum }이 있는 동일한 이름의 속성이 있는 경우 개체에서 { DontEnum } 속성이 있는 속성을 건너뜁니다. 이는 잠재적인 문제를 피하기 위해 IE로 작업할 때 객체 속성의 이름을 신중하게 지정하는 것이 필수적이라는 것을 의미합니다.

위 내용은 JavaScript에서 개체의 모든 메서드를 나열하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!