JS 中对象equals方法的实现

上次我们谈到javascript 中浅拷贝与深拷贝的实现..
这回我们看看如何实现判断两个对像的内容是否相等。
这里有一个克隆结果原则是针对java语言的,当然javascript也可以胜任。

克隆满足的条件
clone()方法将对象复制了一份并返还给调用者。所谓“复制”的含义与clone()方法是怎么实现的有关。一般而言，clone()方法满足以下的描述：

第一、对任何的对象x，都有：x.clone() != x；换言之，克隆对象与原对象不是同一个对象。

第二、对任何的对象x，都有：x.clone().getclass == x.getclass()，换言之，克隆对象与原对象的类型一样；在javascript getclass 就相当于constructor。

第三、如果对象x的equals()方法是定义恰当的话，那么 x.clone().equals(x)也应当是成立的。

在java语言的api中，凡是提供了clone()方法的类，都满足上面的这些这些条件。java语言的设计师在设计自己的clone()方法是，也应当遵守这三个条件。
第三条为可选,不必强制实现的,意思是说只要编制得当,也可以实现。
我们还拿上次的例子看一下:
运行代码框
<html> <head> <title> new document </title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <meta name="generator" content="wawa editor 1.0"> <meta name="author" content="八神奄"> <meta name="keywords" content="javascript,java,xml,xslt,asp,vbscript,asp .net,c#,c++,database"> <meta name="description" content="不及格的程序员,无所不在"> </head> <body> <script language="javascript">  </script> </body> </html>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

其它对像的equals 方法的样例:
后面一个,我重定义了 boolean 构造函数,并实现了它的tostirng()方法。
可以瞅瞅。
运行代码框
<html> <head> <title> new document </title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <meta name="generator" content="wawa editor 1.0"> <meta name="author" content="八神奄"> <meta name="keywords" content="javascript,java,xml,xslt,asp,vbscript,asp .net,c#,c++,database"> <meta name="description" content="不及格的程序员,无所不在"> </head> <body> var a = new object(); a.arr = new array("a","b","c");a.name="a"; a.alert = function(){alert()}<br> var b = new object(); b.arr = new array("a","b"); b.name="a"; b.alert = function(){}<br> var str = new string("abc");<br> var str_1 = "abc";<br> var str_2 = "abd";<br> var c = a;<br> var d = b;<br> <script language="javascript"> <!-- function object.prototype.equals(obj){ if(this == obj)return true; if(typeof(obj)=="undefined"||obj==null||typeof(obj)!="object")return false; var length = 0; var length1=0; for(var ele in this) length++;for(var ele in obj) length1++; if(length!=length1) return false; if(obj.constructor==this.constructor){ for(var ele in this){ if(typeof(this[ele])=="object") {if(!this[ele].equals(obj[ele]))return false;} else if(typeof(this[ele])=="function"){if(!this[ele].tostring().equals(obj[ele].tostring())) return false;} else if(this[ele]!=obj[ele]) return false; } return true; } return false; } function string.prototype.equals(str){ if(this==str)return true; return false; } function function.prototype.equals(func){ if(this.tostring().equals(func.tostring()))return true; return false; } function boolean.prototype.equals(bool){ if(this==bool)return true; if (bool instanceof boolean){ return this.tostring().equals(bool.tostring()); } return false; } var a = new object();a.arr = new array("a","b","c");a.name="a"; a.alert = function(){alert()} var b = new object(); b.arr = new array("a","b");b.name="a";b.alert=function(){} var str = new string("abc"); var str_1 = "abc"; var str_2 = "abc"; var c = a; var d = b; alert(" a.equals(b): "+a.equals(b)+"\n\n str.equals(str_1): "+str.equals(str_1)+"\n\n str_1.equals(str_2): "+str_1.equals(str_2)+"\n\n c.equals(a): "+a.equals(c)+"\n\n d.equals(b) : "+b.equals(d)+"\n\n a.alert.equals(b.alert): "+a.alert.equals(b.alert)) </script> <script language="javascript"> function boolean(booleans){ if(typeof(booleans)=="undefined"){ this.value = false; return this; }else{ if(booleans==null){ this.value = false; return this; } if(booleans==""){ this.value = false; return this; } if(!isnan(booleans)){ if(booleans<=0){ this.value = false; }else{ this.value = true; } return this; } if(booleans!="true"){ this.value = false; return this; }else{ this.value = true; return this; } } } function boolean.prototype.tostring(){ return this.value ? "true" : "false" } document.writeln("两个布尔型对像的比较结果:new boolean().equeals(new boolean(\"true\")): "+(new boolean().equals(new boolean("true")))); </script> </body> </html>
[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]

（）

返回顶部

下一篇：教您去掉 DW2004 中表格辅助线 >>