JS小小工具库

最新推荐文章于 2025-04-11 09:56:54 发布

原创最新推荐文章于 2025-04-11 09:56:54 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个JavaScript工具库，包括获取DOM元素的方法、继承扩展、函数绑定及数组迭代等功能。通过这些工具函数，可以简化常见的编程任务，提高开发效率。

<script type="text/javascript">
	var dsy = {
		ID : function(_) {return document.getElementById(_);},
		N : function(_) {return document.getElementsByName(_);},
		create : function() { return function() { this.initialize.apply(this,arguments);}},
		extend : function(destination,source) { for(var properties in source) destination[properties] = source[properties];},
		bind : function(obj,fun) { return function() {fun.apply(obj,arguments);}},
		each : function(list,fun) {for(var i = 0,len = list.length; i < len; i++) fun(list[i],i)}
	}
	window.onload = function() {
		alert("test");
		alert(dsy.ID("test"));//测试ID方法是否正常
		alert(dsy.N("test")); //测试N方法是否正常
		var test = dsy.create();
		alert(typeof test);
		/*测试继承*/
		var obj = {'name' : 'testname'};
		dsy.extend(test,obj);
		alert("extends after : "+test.name);
		
		//测试绑定
		var obj1 = {'n':1,'s':'mm'}
		var testFun = function() { alert(this.n +'='+ this.s);}
		var fn  = dsy.bind(obj1,testFun);
		alert("bind after : " + fn());
		
		//测试each
		var testFun = function(current) { alert(current);}
		var list = [
			'a',
			'b',
			dsy.ID('test')
		];
		try {dsy.each(list,testFun);} catch(e) {alert(e.message);}
	}
</script>