javascript学习(一)构建自己的JS库

166 阅读 0 评论 110 点赞

我是靠谱客的博主坦率缘分，最近开发中收集的这篇文章主要介绍javascript学习(一)构建自己的JS库，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

前言
库是一个饱受争议的热门话题。一种观点认为它是一种非常棒的工具，是任何开发者都不可或缺的；另一种观点则认为在不理解库的内部工作原理的情况下对库形成依赖，会助长懒惰的风气从而导致开发者素质下降。但是不管怎么样，好像每个人都赞同编写自己的库，况且把自己日常用到的东西合并到一起本身就是一件有意义的事情。

下面我们开始建立自己的JS库，并编写两个自己的方法

复制代码代码如下:

 
//作者： 
//时间：2012-11-13 
(function(){ 

window['LS']={}; 

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

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

function getElementByClassName(className,tag){ 
var allTags=document.getElementsByTagName(tag); 
var matchingElements=new Array(); 

className=className.replace(/-/g,"\-"); //不明白这句话是什么意思。 
var regex=new RegExp("(^|\s)*"+className+"(\s|$)"); 

var element; 

for(var i=0;i<allTags.length;i++){ 
element=allTags[i]; 
if(regex.test(element.className)){ //这个element.className也不明白是什么意思 
matchingElements.push(element); 
} 
} 
return matchingElements; 
} 
window['LS']['getElementByClassName']=getElementByClassName; 
})() //如果不加（）不能执行 