DOM

settings_applicationsEventTarget

DOM

Writing
  • account_tree
  • bug_report

InterfaceMediaQueryList

미디어쿼리(media query)에 의해 테스트된 데이터를 가지고 있는 객체를 생성하는 인터페이스이다.

하위 트리 탐색

  • Constructor

    MediaQueryList 인터페이스는 인스턴스를 생성할 수 있지만 생성자 함수를 가지고 있지 않다.
  • [[Prototype]]

    • Event Handlers

    • Methods

      • addListener()

        미디어 쿼리 상태 변경에 대한 응답으로 사용자 정의 콜백 함수를 리스너에 추가한다. EventTarget 객체의 addEventListener() 별칭으로 사용하며 MediaQueryList는 최신 웹브라우저의 EventTarget에서만 상속하므로 이전 웹브라우저는 addEventListener() 대신에 addListener()을 사용해야 한다.
      • removeListener()

        등록된 리스너를 제거한다.
    • Properties

      • matches

        문서가 현재 미디어쿼리와 일치하면 true, 그렇지 않으면 false를 가지고 있다.
      • media

        직렬화된 미디어 쿼리를 조회한다.

상속 계층 탐색

EventTarget

  • Methods

    • addEventListener()

      EventTarget 객체를 상속받는 하위 요소들의 이벤트 리스너(Listener)를 등록한다. 참고로 Window 객체도 포함된다.
    • dispatchEvent()

      사용자가 생성한 이벤트를 전달한다. 코드에 의한 이벤트 트리거(trigger)에 사용된다.
    • removeEventListener()

      등록된 이벤트를 제거한다. 이벤트 타입, 등록된 함수, 등록시 제공했던 다양한 옵션과 일치된 경우에 이벤트를 제거한다.

Object

  • Methods

    • hasOwnProperty()

      객체가 특정 프로퍼티를 가지고 있는지를 블린 값으로 반환한다.
    • isPrototypeOf()

      해당 객체가 다른 객체의 프로토타입 체인에 속한 객체인지를 체크한다. 이 메소드는 instanceof 연산자와 함께 특정 프로토타입으로부터 상속된 객체만 작동하게 하려는(예를 들어 특정 메소드나 속성이 객체에 있다는걸 보장하려는 때) 코드에서 특히 쓸모가 많다.
    • propertyIsEnumerable()

      매개 변수의 속성이 열거가능한지 여부를 체크한다.
    • toLocaleString()

      객체를 나타내는 문자열을 사용 지역의 방식으로 출력이 된다. 이 메소드는 상속받은 모든 객체가 사용할 수 없고 아래와 같은 상속된 객체에 사용이 된다. Array.prototype.toLocaleString() Number.prototype.toLocaleString() Date.prototype.toLocaleString()
    • toString()

      객체를 나타내는 문자열을 반환한다.
    • valueOf()

      객체의 Primitive(원시) 값을 반환한다.
  • Properties

    • constructor

      객체의 생성자 함수를 참조한다.
    • __proto__

      상속된 [[Prototype]] 참조하거나 설정가능하며 일반적으로 실제 코드상에서는 잘 사용되지 않는다. ECMAScript에서 사용되지 않는 비표준이지만 최신 웹브라우저에서는 비공식적으로 지원하고 있다. 따라서 곧 표준 속성으로 지원될 확률이 높다.

지원 웹브라우저