【jquery】jQuery.extend 함수 설명
3200 단어 jquery
extend(dest,src1,src2,src3...);
그것의 의미는 src1, src2, src3...dest에 합병되면 반환값은 합병된 dest로 이 방법이 합병된 후에 dest의 구조를 수정한 것을 알 수 있다.Dest 구조를 수정하지 않고 결합 결과를 얻으려면 다음과 같이 하십시오.
var newSrc=$.extend({},src1,src2,src3...)// "{}" dest 。
이렇게 하면 src1, src2, src3을...병합을 진행한 다음 병합 결과를 newSrc에 되돌려줍니다.예를 들면 다음과 같습니다.
var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
그럼 합병된 결과.
result={name:"Jerry",age:21,sex:"Boy"}
즉 뒤의 매개 변수가 앞의 매개 변수와 같은 이름이 존재하면 뒤의 매개 변수는 앞의 매개 변수 값을 덮어쓴다.
2. dest 파라미터를 생략하는 상기 extend 방법의 원형에 있는 dest 파라미터는 생략할 수 있습니다. 생략하면 이 방법은 src 파라미터가 하나만 있을 수 있고 이 src를 extend 방법을 호출하는 대상에 통합시킬 수 있습니다. 예를 들어 1, $.extend(src) 이 방법은 src를 jquery의 전역 대상에 통합하는 것입니다. 예를 들어 다음과 같습니다.
$.extend({
hello:function(){alert('hello');}
});
Hello 방법을 jquery의 전역 대상에 통합하는 것입니다. 2、$.fn.extend(src) 이 방법은 src를 jquery의 실례 대상에 통합시킨다. 예를 들어 다음과 같다.
$.fn.extend({
hello:function(){alert('hello');}
});
바로 Hello 방법을 jquery의 실례 대상에 통합하는 것입니다.
다음은 일반적인 확장 인스턴스 몇 가지를 예로 들겠습니다.
$.extend({net:{}});
이것은 jquery 전역 대상에서 넷 이름 공간을 확장하는 것입니다.
$.extend($.net,{
hello:function(){alert('hello');}
})
이것은 Hello 방법을 이전에 확장된 Jquery의 net 이름 공간으로 확장하는 것입니다.
셋째, Jquery의 extend 메서드에는 프로파일을 다시 로드하는 방법도 있습니다.
extend(boolean,dest,src1,src2,src3...)
첫 번째 파라미터boolean은 깊이 복사를 하는지 여부를 대표하고 나머지 파라미터는 앞에서 소개한 것과 일치한다. 심층 복사가 무엇인지 우리는 하나의 예를 본다.
var result=$.extend( true, {},
{ name: "John", location: {city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );
우리는 src1에 끼워 넣은 하위 대상location: {city: "Boston"}, src2에도 끼워 넣은 하위 대상location: {state: "MA"}, 첫 번째 깊이 복사 파라미터가true인 것을 알 수 있다. 그러면 합병된 결과는 다음과 같다.
result={name:"John",last:"Resig",
location:{city:"Boston",state:"MA",county:"China"}}
즉, 이것은 src의 끼워 넣은 하위 대상도 합병할 것이다. 첫 번째 파라미터인boolean이false라면, 합병의 결과가 무엇인지 살펴보자. 다음과 같다.
var result=$.extend( false, {},
{ name: "John", location:{city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} }
);
그러면 합병 후의 결과는 다음과 같다.
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}
이상은 $입니다.extend () 는 프로젝트에서 자주 사용하는 세부 사항입니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.