JavaScript prototype 属性

最新推荐文章于 2020-04-14 14:56:46 发布

十点钟睡的阿怪

最新推荐文章于 2020-04-14 14:56:46 发布

阅读量603

点赞数

本文通过实例演示了如何使用JavaScript的prototype属性为自定义对象类型添加新的属性和方法。通过创建employee构造函数并为其原型添加salary属性，展示了如何让特定实例拥有独特的属性值，同时也保留了原型链上的默认值。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript闭包</title>

<script type="text/javascript">

//
function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}

function testPrototype(){
	
	var bill=new employee("Bill Gates","Engineer",1985);
	
	employee.prototype.salary=null;
	
	bill.salary=20000;
	
	alert("bill.salary-->"+bill.salary);
	
	document.write(bill.salary);
	
}

</script>

</head>
<body>
<table>
	<tr>
		<td>
			prototype Demo
		</td>
	</tr>
	
	<tr>
		<td>
			<button οnclick="testPrototype()">Prototype</button>
		</td>
	</tr>
</table>
</body>
</html>

定义和用法

prototype 属性使您有能力向对象添加属性和方法。

object.prototype.name=value

实例

在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：

<script type="text/javascript">

function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}

var bill=new employee("Bill Gates","Engineer",1985);

employee.prototype.salary=null;
bill.salary=20000;

document.write(bill.salary);

</script>

输出：

TIY