首页 > 代码库 > js 与 java 的各种坑爹

js 与 java 的各种坑爹

1.js string坑爹的“==”

js的String类型与java的String类型不同,比较的时候不用equals,可以直接用"==".

测试了下,这个"=="好像比较坑爹

 

<script type="text/javascript">    var a=new String("hehe");    var b=new String("hehe");    var c="hehe";    alert("a==c: "+(a==c));//true    alert("b==c: "+(b==c));//true    alert("a==b: "+(a==b));//false    alert("hehe"=="hehe");//true</script>

怎么能有这么没道理的事情?a=c,b=c,但是a竟然不等于b!!!

我的结论是js中的String类型虽然没有equals方法,但是当String类型对象与另一个String类型的变量相比较的时候,使用的方法与java的equals方法相类似。而当两个String类型相比较的时候,"=="才与java中的"=="相类似,即比较两个对象是否是同一个对象。

与之相对应的java代码,则没有这种让人纠结的地方

String a=new String("hehe");        String b=new String("hehe");        String c="hehe";        String d="hehe";        System.out.println("a==b: "+(a==b));//false        System.out.println("a==c: "+(a==c));//false        System.out.println("c==b: "+(c==b));//false        System.out.println("c==d: "+(c==d));//true        System.out.println("a.equals(b): "+(a.equals(b)));//true

java中通过new创建的String对象用"=="相比较的时候,比较的是对象的地址值,而js中,只有当两个对象都是用new创建的时候,才比较地址值。

2.js中的数组与java中的List异同点:

相同点:

1.添加的元素类型可以不同。(java使用泛型后,只能添加规定的元素类型)

2.长度可变

不同点:

js中可以访问超过数组长度的角标,返回undefined,java中,list.get(index)  index的值超过数组长度的话,运行时有异常: java.lang.IndexOutOfBoundsException

        ArrayList list=new ArrayList();        list.add("re");        list.add(2);        System.out.println(list.get(2));//java.lang.IndexOutOfBoundsException
    var t=[0,"a"];    document.write(t[5]);//undefined

3. js中的function

 

//js的函数可以看做一个类,它的属性分为://实例属性:使用this作为前缀//类属性:使用函数名作为前缀//局部变量:使用var声明或者直接赋值/*与java不同的是,js的类属性只能通过类来访问,不能够用对象来访问*在同一个类中,可以有同名的类属性和实例属性;*/var Person=function(name,age){    var me="memeda";    this.name=name;    this.age=age;    Person.gender="female";    this.gender="male";    Person.t="hehe";}var p=new Person("Lucy","32");with(document){    write(p.name+"<br/>");//lucy    write(p.age+"<br/>");//32    write(p.gender+"<br/>");//male    write(Person.gender+"<br/>");//female    write(p.t+"<br/>");//undefined    write(p.me+"<br/>");//undefined}

 

js对象的属性可以随意添加
上面的p对象并没有t、me属性,添加后:

p.me="ok";p.t="ttok";document.write(p.t+"<br/>");//ttokdocument.write(p.me+"<br/>");//ok

 4.js中函数是独立的,它不从属于任何类或者对象;

虽然js中的函数可以定义在某个类中,但它可以被其他类的对象调用;而java中的方法是实例方法或者是静态方法(类方法),是属于对象或者类的。call()方法作用:使得不同的对象能够调用某个方法。

//call的语法格式:函数名.call(调用对象,参数1,参数2···);没有参数的话可以省略 var wolf=function(name,voice,action){     this.name=name;     this.voice=voice;     this.action=action;     this.info=function(){         document.write(this.name+"的叫声是"+this.voice+"吃食物的方式是:"+this.action+"<br/>");     } } new wolf("wolf","ao~","撕咬").info();//wolf的叫声是ao~吃食物的方式是:撕咬 var cat=function(name,voice,action) {     this.name=name;      this.voice=voice;     this.action=action; } new wolf("wolf","ao~","撕咬").info.call(new cat("猫","miao~","卖萌"));//猫的叫声是miao~吃食物的方式是:卖萌

 

5.js函数的参数传递与java方法的参数传递一样:都是值传递

    var Person=function()    {        this.name="wang";        this.age="24";    }    var changeP=function(person)    {        person.age="1";        person.name="cheng";        person=null;    }    var p=new Person();    document.write("改变前,p.name="+p.name+",p.age="+p.age+"<br/>");// 改变前,p.name=wang,p.age=24    changeP(p);    document.write("改变后,p.name="+p.name+",p.age="+p.age+"<br/>");//改变后,p.name=cheng,p.age=1    document.write(p==null);//false

上面的例子中,changeP()中传入的参数是一个对象,调用这个方法的时候,实际传入的不是对象本身,而是一个对象地址值的副本。因为这个地址值与原来对象的地址值一样,所以能够修改对象的属性;而在p=null;这里,是切断了副本的引用,对原来的对象没有影响。在java中,得到的运算结果也是一样的。

class Person{    String name;    String age;    public Person(String name,String age)    {        this.name=name;        this.age=age;    }    public String toString()    {        return "Person["+this.name+","+this.age+"]";    }}public class Test{    public static void changeP(Person p)    {        p.age="0";        p.name="cheng";        p=null;    }    public static void main(String[] args) {        Person p=new Person("wang","24");        System.out.println("before "+p);//before Person[wang,24]        changeP(p);        System.out.println("after "+p);//after Person[cheng,0]    }}

 

6.js有参数的函数在调用的时候,可以不传入参数;java有参数的方法必须传入参数;函数名是js中函数的唯一标识,js中没有java中重载的概念。
 

    var method=function(t)    {        alert(t);    }    method();//undefined

如果在js代码中先后定义了两个同名的函数,即使函数传入的参数不同,后面的函数也会覆盖前面的。

var method1=function()    {        alert("没有参数的构造器");    }    var method1=function(t)    {        alert("有参数的构造器");    }    method1();//"有参数的构造器"

 作为一种弱类型语言,js中需要参数的函数,一般都要先判断传入的参数是否符合要求

    var changeName=function(p,newname)    {        if(typeof p==‘object‘&& typeof p.name==‘string‘ && typeof newname==‘string‘)            {p.name=newname;                    document.write(p.name+"<br/>");}        else{            document.write("传入的参数类型不符合要求 "+typeof(p)+" "+typeof(newname)+"<br/>");        }    }    changeName();// 传入的参数类型不符合要求 undefined undefined    changeName("a","s");// 传入的参数类型不符合要求 string string    person={name:"wang"};    changeName(person,"zhang");// zhang

 7.对象的属性

js中调用某个对象的属性可以用objName.propertyName的方式,调用类属性的方式是类名+属性名;

与java不同的是,js的属性可以为函数;在某些情况下,调用js属性必须使用objName[propertyName]的方式

var Person=function(name,age){    this.name=name;    this.age=age;    this.show=function(){        document.write("此人年龄: "+this.age+"此人姓名: "+this.name+"<br/>");    }}var p=new Person("wang","24");for(var property in p){    // 这里必须使用p[property]的形式来调用对象属性,因为如果使用p.property的方式,js会在p对象里寻找名为property的属性,得到undefined    document.write(property+"属性的值是"+p[property]+"<br/>");    // 运行结果//     name属性的值是wang//     age属性的值是24//     show属性的值是function (){ document.write("此人年龄: "+this.age+"此人姓名: "+this.name+" "); }}

 8.js对象、类的属性和方法都可以任意添加

为某个类添加属性的方式是:类名.prototype.属性名=sth;

为某个类添加方法的方式是:类名.prototype.方法名=function(){};

应该尽量避免在某个类中直接定义方法,因为这可能造成内存泄漏和闭包,prototype的方式让程序更安全,并提高了性能;

如果在类中直接定义一个方法,那么每创建一个该类的新对象,在同时也会创建一个内置方法的对象,容易造成内存泄漏;

通过prototype属性为类添加方法,让所有实例对象都能够共享该方法

var Person=function(){    var s="secret";    this.info=function(){        return s;    }}var p=new Person();var s=p.info();alert(s);//secretPerson.prototype.test=function(){    alert("p的新方法");}p.test();

 

js 与 java 的各种坑爹