>  기사  >  웹 프론트엔드  >  자바스크립트 학습(1) 나만의 JS 라이브러리 구축_기본지식

자바스크립트 학습(1) 나만의 JS 라이브러리 구축_기본지식

WBOY
WBOY원래의
2016-05-16 17:44:37986검색
서문
도서관은 뜨겁고 논란이 많은 주제입니다. 한 가지 견해는 모든 개발자에게 없어서는 안될 훌륭한 도구라는 것이고, 다른 견해는 내부 작동 방식을 이해하지 못한 채 라이브러리에 의존하면 개발자의 질이 저하된다는 것입니다. 하지만 어쨌든 자신만의 라이브러리를 작성하는 것에는 모두가 동의하는 것 같고, 매일 사용하는 것들을 병합하는 것 자체가 의미가 있는 것 같습니다.

다음으로 자체 JS 라이브러리를 구축하고 두 가지 메소드를 작성하기 시작합니다.
코드 복사 코드는 다음과 같습니다.

//저자:
//시간: 2012-11-13
(function(){

window['LS'] ={};

function $(){
var elements =new Array()
var element
for(var i=0;i if(typeof(arguments[i])=="string"){
element=document.getElementById(arguments[i])
}
if(arguments.length==1 ){
return 요소;
}

elements.push(element)
}
return 요소;
}
window['LS'][' $']= $;

function getElementByClassName(className,tag){
var allTags=document.getElementsByTagName(tag)
var matchElements=new Array(); className=className.replace(/-/g,"\-"); //이 문장이 무슨 뜻인지 모르겠습니다.
var regex=new RegExp("(^|\s)*" className "( \s|$) ");

var 요소;

for(var i=0;ielement=allTags[i];
if(regex .test(element.className)){ //element.className이 무엇을 의미하는지 이해하지 못합니다.
matchingElements.push(element);
}
}
return matchElements;
}
window['LS']['getElementByClassName']=getElementByClassName;
})() //()를 추가하지 않으면 실행할 수 없습니다.


저는 자바스크립트를 처음 접하는데 주석이 있어서 이해가 안되는 부분이 있는데 누군가 조언을 해주셨으면 좋겠습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.