打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
为对象添加新属性:prototype 对象实例化:new()

prototype:

定义和用法

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>

输出:

20000

自定义类

//创建类,并添加属性function User(name,age){    this.name=name;    this.age=age;    console.debug(this);//在控制台打印}//给已有的类添加方法User.prototype.showName=function(){    console.debug(this.name);  //this表示调用者    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 把User当成一个类使用时候
var user=new User('armo',12);//打印 user对象user.showName();//打印 armo
  • 1
  • 2
  • 把User当成一个函数使用时候
User('armo',12);//打印  window对象(函数由window对象调用)
new():

对象实例化

  1. var person1 = new Person('Adam');
  2. var person2 = new Person('Eve'); //利用构造函数实例化了两个对象,并根据传入的参数的不同,定制了两个不同的对象。

示例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>demo1</title>
  6. <script>
  7. function Person(personName) {
  8. this.name = personName;
  9. this.info = 'I am called' + this.name;
  10. this.infoShow = function () {
  11. alert(this.info);
  12. }
  13. }
  14. var person1 = new Person('Adam');
  15. var person2 = new Person('Eve');
  16. </script>
  17. </head>
  18. <body>
  19. <input type="button" value="show info on Adam" onclick="person1.infoShow()"><br>
  20. <input type="button" value="show info on Eve" onclick="person2.infoShow()">
  21. </body>
  22. </html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
简单粗暴地理解js原型链
图灵社区 : 阅读 : 面向对象JavaScript入门——来自Mozilla的官网教程
JS学习笔记 原型链和利用原型实现继承
彻底理解JavaScript原型
JS面向对象的程序设计
Javascript中的函数、this以及原型
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服