首页 > 语言 > JavaScript > 正文

JavaScript中的原型prototype属性使用详解

2024-05-06 16:21:25
字体:
来源:转载
供稿:网友

这篇文章主要介绍了JavaScript中的原型prototype属性使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下

prototype属性可以将属性和方法添加到任何对象(Number, Boolean, String 和Date等)。

注:原型(Prototype)是一个全局的属性,它可以使用在几乎所有的对象。

语法

 

 
  1. object.prototype.name = value 

实例:

这里有一个例子展示了如何使用原型(prototype)属性的属性添加到对象:

 

 
  1. <html> 
  2. <head> 
  3. <title>User-defined objects</title> 
  4.  
  5. <script type="text/javascript"
  6.  
  7. function book(title, author){ 
  8. this.title = title;  
  9. this.author = author; 
  10. </script> 
  11. </head> 
  12. <body> 
  13. <script type="text/javascript"
  14. var myBook = new book("Perl""Mohtashim"); 
  15. book.prototype.price = null
  16. myBook.price = 100; 
  17. document.write("Book title is : " + myBook.title + "<br>"); 
  18. document.write("Book author is : " + myBook.author + "<br>"); 
  19. document.write("Book price is : " + myBook.price + "<br>"); 
  20. </script> 
  21. </body> 
  22. </html> 

这将产生以下结果:

 

 
  1. Book title is : Perl 
  2. Book author is : Mohtashim 
  3. Book price is : 100 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选