jQuery_jquery의 확장 함수에 대한 자세한 설명

1.$.extend({},기본값, 옵션)

이의 목적은 패키지 기본 매개변수를 보호하는 것입니다. 즉, 기본값의 매개변수입니다.

이 방법은 새로운 빈 객체({})를 $.extend의 ​​첫 번째 매개변수로 사용하고 이어서 기본값과 사용자가 전달한 매개변수 객체를 사용하는 것입니다. 이 방법의 장점은 모든 값이 ​​​​이 빈 개체에 병합되면 개체에서 플러그인의 기본값이 보호됩니다.

$.fn.myPlugin = function(options) {
  var defaults = {
    'color': 'red',
    'fontSize': '12px'
  };
  var settings = $.extend({},defaults, options);//将一个空对象做为第一个参数
  return this.css({
    'color': settings.color,
    'fontSize': settings.fontSize
  });
}

2. 코드 난독화 및 압축

다운로드하는 플러그인은 일반적으로 파일 이름에 'min'이라는 단어가 포함된 압축 버전을 제공합니다. 즉, 축소된, 압축된 버전

여기서의 압축은 코드의 기능적 압축을 의미하는 것이 아니라 코드의 변수 이름, 메소드 함수 이름 등을 더 짧은 이름으로 바꾸고 주석(있는 경우)을 삭제하고 코드 공백 A를 삭제하는 것입니다. 공백과 줄 바꿈의 압축 버전입니다. 동시에, 코드 내 다양한 ​​이름이 바뀌었기 때문에 다른 사람들이 그 논리를 읽고 구별할 수 없으며, 이는 코드를 혼란스럽게 만드는 역할도 합니다.

압축의 이점: 1. 코드 양 감소, 로딩 속도 향상 및 성능 향상

2. 타인의 코드 도용 방지

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.