JavaScript定义类或对象

本文介绍了JavaScript中构造函数/原型方式及动态原型方法来实现对象的创建与继承。通过两个示例展示了如何定义对象的方法并共享这些方法,避免每个实例都有独立的副本。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       目前使用最广泛的是混合的构造函数/原型方式。此外,动态原型方法也很流行,在功能上与构造函数/原型方式等价。可以采用这两种方式中的任何一种。

   现分别介绍以上两种方式:

   1、混合的构造函数/原型方式:  

js 代码
  1. function Car(scolor){   
  2.     this.color = scolor;   
  3. }   
  4. Car.prototype.showColor = function(){   
  5.     alert("color = "+this.color);   
  6. };   
  7.   
  8. var c1 = new Car("red");   
  9. c1.showColor();   
  10. var c2 = new Car("blue");   
  11. c2.showColor();  

   2、动态原形方法:

js 代码
  1. function Car(scolor){   
  2.     this.color = scolor;   
  3.     if(typeof Car._initialized == "undefined"){   
  4.         Car.prototype.showColor = function(){   
  5.             alert("the new Color = "+this.color);   
  6.         };   
  7.         Car._initialized = true;   
  8.     }   
  9. }   
  10. var c3 = new Car("green");   
  11. c3.showColor();   
  12. var c4 = new Car("yellow");   
  13. c4.showColor();  

 

 以上两示例,参考《JavaScript高级程序设计》相关内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值