JavaScript类创建的几种方式

简介: /*******************JavaScript默认规则*********** 1.类名首字符大写 2.方法名首字符小写 3.属性首字符大写 4.字段全小写 5.常量全大写 ***********************************************/ ...
/*******************JavaScript默认规则***********
1.类名首字符大写
2.方法名首字符小写
3.属性首字符大写
4.字段全小写
5.常量全大写
***********************************************/

//*****************公共方法********************
function showColor(){
	alert(this.Color);
}


1、工厂方式代码示例

function
CreateCar(sColor, iDoors, iMpg) { var oTempCar = new Object(); oTempCar.Color = sColor; oTempCar.Door = iDoors; oTempCar.Mpg = iMpg; oTempCar.ShowColor = showColor;//将此函数定义在外部,保证每个对象调用的都是一个方法 return oTempCar; } //var oCar1 = CreateCar("red",4,23); 使用时需要实例化一个对象 2、构造函数方式代码
function
Car(sColor, iDoors, iMpg) {   this.Color = sColor;   this.Doors = iDoors;   this.Mpg = iMpg;   this.ShowColor = showColor; //将此函数定义在外部,保证每个对象调用的都是一个方法 } //var car1=new Car("red",4,23); 使用时需要实例化一个对象 3、原型方式代码
function Car() { } Car.prototype.Color = "red"; Car.prototype.Door = 4; Car.prototype.Mpg = 23; Car.prototype.Drivers = new Array("Mike", "Sue"); Car.prototype.ShowColor = showColor(); //var car1=new Car(); 使用时需要实例化一个对象 4、混合的构造函数/原型方式

//使用构造函数定义对象的所有非函数属性,使用原型方法定义函数属性(这里指方法) function Car(sColor, iDoors, iMpg) { //构造函数   this.Color = sColor;   this.Doors = iDoors;   this.Mpg = iMpg; } Car.prototype.ShowColor = showColor; //原型方法 //var car1=new Car("red",4,23); 使用时需要实例化一个对象 5、动态原型方式

function
Car(sColor, iDoors, iMpg) {   this.Color = sColor;   this.Doors = iDoors;   this.Mpg = iMpg;   if (typeof Car._initialized == "undefined") {     Car.prototype.ShowColor = showColor;     Car._initialized = true;   } } //var car1=new Car("red",4,23); 使用时需要实例化一个对象 6、混合工厂方式
function CreateCar(sColor, iDoors, iMpg) {   var oTempCar = new Object();   oTempCar.Color = sColor;   oTempCar.Door = iDoors;   oTempCar.Mpg = iMpg;   oTempCar.ShowColor = showColor; //将此函数定义在外部,保证每个对象调用的都是一个方法   return oTempCar; } //var oCar1=new CreateCar("red",4,23); 使用时需要实例化一个对象
目录
相关文章
|
5月前
|
设计模式 JavaScript 前端开发
在JavaScript中,继承是一个重要的概念,它允许我们基于现有的类(或构造函数)创建新的类
【6月更文挑战第15天】JavaScript继承促进代码复用与扩展,创建类层次结构,但过深的继承链导致复杂性增加,紧密耦合增加维护成本,单继承限制灵活性,方法覆盖可能隐藏父类功能,且可能影响性能。设计时需谨慎权衡并考虑使用组合等替代方案。
46 7
|
2月前
|
Web App开发 JavaScript 前端开发
JavaScript 类(class)
JavaScript 类(class)
21 2
JavaScript 类(class)
|
2月前
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
2月前
|
JavaScript 前端开发 开发者
JavaScript 类继承
JavaScript 类继承
19 1
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-构造函数(也称为"类")定义
本文介绍了JavaScript中构造函数(也称为“类”)的定义和使用方法。
34 1
JavaScript基础知识-构造函数(也称为"类")定义
|
2月前
|
JavaScript 安全
ES6中JS类实现的解读
ES6中JS类实现的解读
22 2
|
2月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript 前端开发
JS中Promise的类式实现写法
JS中Promise的类式实现写法
|
1月前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的对象与类
深入理解JavaScript中的对象与类
13 0
|
2月前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
下一篇
无影云桌面