JavaScript类属性

最新推荐文章于 2024-08-07 21:49:27 发布

hongweigg

最新推荐文章于 2024-08-07 21:49:27 发布

阅读量2k

点赞数

分类专栏： JavaScript 文章标签： javascript 不可变属性

本文链接：https://blog.csdn.net/hongweigg/article/details/76097881

版权

JavaScript 专栏收录该内容

122 篇文章 1 订阅

订阅专栏

在JavaScript中，类属性有2种：

1、一种是直接在定义类后赋值

var ClassA = function(){

}

ClassA.dept = "R&D";

2、另一种是使用prototype赋值：

var ClassA = function(){

}

ClassA.prototype.url = "http://localhost:9080/myweb";

3、两者的区别

prototype属性初始化后，能通过对象访问，而第一种情形则不行。只能通过ClassA.dept来访问：

alert(ClassA.dept);

原型的属性也可以通过类似的方法访问：

alert(ClassA.prototype.dept); //（3）

使用prototype设置的属性值可以保留，不被改变，但有同名的属性设置后，则取值取的为新设置属性的值，要想获取原始值，可以使用（3）式的方法。

4、测试例子

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>prototype test</title>
</head>

<body>

<script lang="javascript">
	
	var ClassA = function(){
 		this.name = "Zhangsan";
 		var age = 40;
	}
 
	
	ClassA.prototype.url = "http://localhost:9080/myweb";
	
	var obj0 = new ClassA();
	
	alert('obj0:' + obj0.url);
	
	var obj = new ClassA();
	obj.url = "http://www.baidu.com";
	
	//ClassA.prototype.url = "http://www.sohu.com";
	obj.name = "Lisi";
	
	alert('obj.url:' + obj.url + ',prototype.url:' + ClassA.prototype.url );
	
	ClassA.name = "Wangwu";
	ClassA.dept = "R&D";
	var obj2 = new ClassA();
	alert(obj2.name + ',' + ClassA.name + ',' + obj2.dept + ',' + ClassA.dept);

 
</script>
</body>

</html>