>  기사  >  웹 프론트엔드  >  기본 js는 간단한 캡슐화 방법을 구현합니다.

기본 js는 간단한 캡슐화 방법을 구현합니다.

小云云
小云云원래의
2018-02-28 11:42:501749검색

이 글에서는 기본 js의 간단한 캡슐화 방법을 주로 공유합니다. 이 글에서 공유한 코드가 도움이 되기를 바랍니다.

const ListenerFN = function ({ target, event, FN, option = {} }) {
  if (target, event, FN) Error('target, event, FN');
  target.addEventListener(event, FN, option);
  return function () {
    target.removeEventListener(event, FN);
  };
};

DOM 객체를 입력하고 이벤트와 콜백 메소드를 전달해야 하며

const removeFN = ListenerFN({
      target,
      FN,
      event,
 });

바인딩을 제거하는 메소드를 반환합니다. 다시 실행하면 바인딩이 제거됩니다.

removeFN();

관련 권장 사항:

WeChat 미니 프로그램 다중 파일 다운로드의 간단한 캡슐화 예

php는 몇 가지 일반적인 JS 작업을 간단히 캡슐화합니다_PHP 튜토리얼

ajax 간단한 캡슐화 세부 소개

위 내용은 기본 js는 간단한 캡슐화 방법을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.