有关JS类的属性值初始化问题

rainytimes

浏览: 7368 次
性别:
来自: 北京

最近访客更多访客>>

goober520

DeerinWight

doge骑士

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript基础

JS javascript

最近在开发一个JS功能的时候犯了一个错误，主要是没有理解JS属性的声明问题。想当然的认为JS的写法和Java是一致的呵呵，查了一周才找到原因,下面先来看段Java代码的示例:

import java.util.Date;

class A{

    private Date createDate = new Date();

    private String name;

    public A(String name){

       this.name = name;

    }

    public void print(){

          System.out.println(name+"==="+createDate .getTime());

    }

}

这里我们的测试代码为：

public static void main(String[] args){

    A a1 = new  A("测试1");

        a1.print();

        try {
		Thread.sleep(5000);
	} catch (InterruptedException e) {
		e.printStackTrace();
	}
        
       
        A a2 = new  A("测试2");

        a2.print();

}

我们运行的输出结果分别为：

测试1===1379430542493
测试2===1379430547494

可以看到时间是不一致的，这个正常

下面看段JS的代码

<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		  <script type="text/javascript">
				var ClassA = function(option){
					this.init(option);
				}
				
				ClassA.prototype = {
					name : '',
					createDate : new Date(),
					init : function(option){
						this.name = option.name;
					}
				
				}
				
				function test1(){
					 
					var a1 = new ClassA({
						name : '测试1'
					});
					
					alert(a1.name+" == "+  a1.createDate.getTime());
					 
				
				}
				
				function test2(){
					 
					var a2 = new ClassA({
						name : '测试2'
					});
					
					alert(a2.name+" == "+  a2.createDate.getTime());
					 
				
				}
				 
		  </script>
	</head>
	<body>
			<input type="button" value="测试1" onclick="test1()"   >
			<input type="button" value="测试2" onclick="test2()"   >
	</body>

</html>

我们分别执行测试1按钮和测试2按钮，按照一般逻辑，期alert语句打印的信息和时间应该是不一致的，但是实际上是：按钮1执行结果

按钮2执行结果

神奇的地方出现了，两个时间竟然一致！！！！！！！！！！

也就是说在JS的class定义中使用了new关键字初始化属性对象，其只初始化一次，其是在class的prototype定义阶段执行的。当一个类的class prototype定义完毕以后，使用new 关键字再次初始化这个对象的时候，并不会将prototype再次初始化，也就是说这里有点类似Java中的 private static property的用法。如果避免JS这样的问题，那么则将类对象值的初始化放到初始化方法里去，确保能正常执行。

不知道这样理解是否正确权且记下，或者那个高人有这方面的原理性资料，也请不吝赐教！