Question

javascript的对象问题请看详细

var obj;
function fy(id){
if(id){
obj = document.getElementById(id);
}
obj.test = fy.test;
obj.test2 = fy.test2;
return obj;
}
fy.test = function(){
alert("test");
return obj;
}
fy.test2 = function(){
alert("test2");
return obj;
}
alert(fy("btn").test().test2().innerHTML);

我想应该明白我的意思，
test可能到99
obj.test = fy.test;
obj.test2 = fy.test2;
就要写99遍，有什么方法可以一次把 fy.下面的函数 赋给obj吗？
各位老大们请仔细看我上面写的,使用的效果是这样的:
fy("id").innerHTML = ok 编辑器有提示
fy("id").test().innerHTML = ok 编辑器有提示
我的意思是fy() 是个自己写的选择器 不但可以返回document获得的对象
还可以返回自己写的方法

Answer 1

<script type="text/javascript">
var obj={}
function fy(id){
	if(id){
	//这里不能用obj直接赋值，DOM元素不能自定义属性方法，所以用属性
	obj.o = document.getElementById(id);
	}
	return obj;
}

fy.test = function(){
 alert("test-1");
 return obj;
}

fy.test2 = function(){
 alert("test-2");
 return obj;
}
fy.test3 = function(){
 alert("test-3");
 return obj;
}
fy.test4 = function(){
 alert("test-4");
 return obj;
}

getobjfun(fy("btn"),fy)
function getobjfun(obj,fobj){
for(var o in fobj){
	if(fobj.hasOwnProperty(o)){
		obj[o]=fobj[o];
	}
}
}
//调用方法
fy("btn").test2()
fy("btn").test4()

</script>

楼主，看来我是最懂你的人，我这种是一个JS的继承方式，浅复制式继承 ,一个对象可以获取另外个对象的属性方法，你这样 就不用一个一个敲代码了 呵呵采纳吧，谢谢支持！

追问

的确你好像明白了我的意思,但效果不是要的,
你这样如果使用 fy("btn").test2() 是没问题的,
但 fy("btn").innerHTML 就没有了,
我又添加了问题补充,请您帮忙再看一下吧

追答

...只需让 return obj.o 即可，o就代表获取DOM元素，obj是个对象，也算相当于是类

追问

如果 return obj.o
fy("id").innerHTML是可以了, 但fy("id").test() 就没了,,,,

追答

obj是一个包装类，所以原来返回obj的地方 修改为 obj.o 返回DOM对象，
是世界上最灵活的编程语言，它是 弱类型动态语言，灵活性超越N多大型面向对象语言 ,还有N种方式可以实现，一个function 一个object 可以变化无穷

<script type="text/javascript">


var obj={}
function fy(id){
if(id){
//这里不能用obj直接赋值，DOM元素不能自定义属性方法
obj.o = document.getElementById(id);
}
return obj.o;
}

fy.test = function(){
 alert("test-1");
 return obj.o;
}

fy.test2 = function(){
 alert("test-2");
 return obj.o;
}
fy.test3 = function(){
 alert("test-3");
 return obj;
}
fy.test4 = function(){
 alert("test-4");
 return obj.o;
}

getobjfun(fy("btn"),fy)
function getobjfun(obj,fobj){
for(var o in fobj){

if(fobj.hasOwnProperty(o)){
obj[o]=fobj[o];
}
}
}
//调用方法

//获取innerHTML
var data=fy("btn").test4().innerHTML
alert(data)
alert(fy("btn").innerHTML)
</script>

追问

老大,如果下面的test方法返回的是 obj.o,
那么 .innerHTML自然好使了, 但 .test().test2().test3() 就没有办法续写了
我上面的问题写的挺详细的

追答

你把test(),test1,test2....里的返回值设置为 return this; 不是一样可以访问innerHTML。

我不清楚你要开发什么功能，如果只是一个选择器个人觉得完全没这个必要，一个函数要实现多种功能，使用回调函数就可以了

Answer 2

我这里建议你使用参数，而不是给对象添加一大堆函数。这样做就非常简洁：

function fy(id) {
    obj = document.getElementById(id);
    obj.test = function(num) {
        alert('test' + num);
        return this;
    }
    return obj;
}

fy('userbar').test(1).test(2).test(3);

 

使用函数名来代替参数是不科学的，也很不方便。

望采纳，谢谢支持！

追问

test只是个代词 并非真是test1 - test99 意思是
click more css 等等n多个不同的方法

Answer 3

obj.test = fy.test;

for(var i=2;i<=99;i++){
obj["test" + i] = fy["test" + i];
// 也可以用 eval("obj.test" + i +" = fy.test" + i);
}

追问

我晕,test只是个临时命名的,,,,

追答

那也一样啊，你定义一个数组，比如：
var arr = ["click", "more", "css"];
for(var i=0;i<arr.length;i++)
obj[arr[i]] = fy[arr[i]];

追问

这样失去了编辑器提示的效果,
而且还要搞个数组 还不如都写一边