JS面向对象设计的最佳模式（动态原型方法）

最新推荐文章于 2020-10-08 22:29:20 发布

Cloud_Lee

最新推荐文章于 2020-10-08 22:29:20 发布

阅读量168

点赞数

分类专栏： JS 文章标签： js function 面向对象对象 ViewUI

本文链接：https://blog.csdn.net/Cloud8Lee/article/details/84247092

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.定义类（对象模版）

动态原型方法

示例：

function Car(sColor,iDoors,iMpg) {
  this.color = sColor;
  this.doors = iDoors;
  this.mpg = iMpg;
  this.drivers = new Array("Mike","John");
  
  if (typeof Car._initialized == "undefined") {
    Car.prototype.showColor = function() {
      alert(this.color);
    };
	
    Car._initialized = true;
  }
}

直到检查 typeof Car._initialized 是否等于 "undefined" 之前，这个构造函数都未发生变化。这行代码是动态原型方法中最重要的部分。如果这个值未定义，构造函数将用原型方式继续定义对象的方法，然后把 Car._initialized 设置为 true。如果这个值定义了（它的值为 true 时，typeof 的值为 Boolean），那么就不再创建该方法。简而言之，该方法使用标志（_initialized）来判断是否已给原型赋予了任何方法。该方法只创建并赋值一次，传统的 OOP 开发者会高兴地发现，这段代码看起来更像其他语言中的类定义了。

2.声明和实例化

对象的创建方式是用关键字 new 后面跟上实例化的类的名字：

var oObject = new Object();
var oStringObject = new String();

第一行代码创建了 Object 类的一个实例，并把它存储到变量 oObject 中。第二行代码创建了 String 类的一个实例，把它存储在变量 oStringObject 中。如果构造函数无参数，括号则不是必需的。因此可以采用下面的形式重写上面的两行代码：

var oObject = new Object;
var oStringObject = new String;

3.调用

var car = new Car('red','2door','3');
alert(car.doors);
car.showColor();

4.完整示例

<html>
<body>

<script type="text/javascript">
function Car(sColor,iDoors,iMpg) {
  this.color = sColor;
  this.doors = iDoors;
  this.mpg = iMpg;
  this.drivers = new Array("Mike","John");
  
  if (typeof Car._initialized == "undefined") {
    Car.prototype.showColor = function() {
      alert(this.color);
    };
	
    Car._initialized = true;
  }
}

var car = new Car('red','2door','3');
alert(car.doors);
car.showColor();


</script>
<a href="http://cloud8.iteye.com/">Don't Click.</a>
</body>
</html>

Cloud_Lee

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS面向对象设计的最佳模式（动态原型方法）

1.定义类（对象模版）动态原型方法示例：function Car(sColor,iDoors,iMpg) { this.color = sColor; this.doors = iDoors; this.mpg = iMpg; this.drivers = new Array("Mike","John"); if (typeof Car._init...
复制链接

扫一扫

专栏目录