本文详细介绍JavaScript中prototype属性的基本概念与使用方法。通过定义构造函数并为其添加原型属性,实现对象共享属性与方法的机制。文章包含完整的代码示例,展示如何为自定义对象添加price属性,并输出最终结果,帮助开发者深入理解原型在面向对象编程中的作用。
JavaScript原型prototype属性概述
prototype属性允许开发者向任意对象类型(包括Number、Boolean、String和Date等内置对象)添加自定义属性和方法。
需要注意的是,原型(Prototype)是一个全局可用的属性,几乎适用于所有JavaScript对象。以下是其基本语法结构。
object.prototype.name = value
具体使用示例如下所示:
原型属性使用实例
以下代码演示了如何通过prototype属性为对象添加属性:
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author){
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
book.prototype.price = null;
myBook.price = 100;
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
执行上述代码后,将输出以下结果:
Book title is : Perl
Book author is : Mohtashim
Book price is : 100