javaScript中定义类或对象的五种方式总结资源-CSDN文库

127 浏览量 2020-10-20 23:17:32 上传评论收藏 61KB PDF 举报

资源推荐

资源详情

资源评论

javaScript中定义类或对象的五种方式总结中定义类或对象的五种方式总结

下面小编就为大家带来一篇javaScript中定义类或对象的五种方式总结。小编觉得挺不错的，现在就分享给大

家，也给大家做个参考。一起跟随小编过来看看吧

第一种方式：第一种方式：工厂方法工厂方法

能创建并返回特定类型的对象的工厂函数（factory function）。

function createCar(sColor){

var oTempCar = new Object;

oTempCar.color = sColor;

oTempCar.showColor = function (){

alert(this.color);

};

return oTempCar;

}

var oCar1 = createCar();

var oCar2 = createCar();

调用此函数时，将创建新对象，并赋予它所有必要的属性。使用此方法将创建car对象的两个版本（oCar1和oCar2），他们的

属性完全一样。

使用此方法存在的问题：使用此方法存在的问题：

1语义上看起来不像使用带有构造函数的语义上看起来不像使用带有构造函数的new运算符那么正规。运算符那么正规。

2使用这种方式必须创建对象的方法。使用这种方式必须创建对象的方法。每次调用createCar()，都要创建showColor()，意味着每个对象都有自己的showColor()

版本，事实上，每个对象都共享了同一个函数。

有些开发者在工厂函数外定义对象的方法，然后通过属性指向该方法。从而避免这个问题：

function createCar(sColor){

var oTempCar = new Object;

oTempCar.color = sColor;

oTempCar.showColor = showColor;

return oTempCar;

}

function showColor(){

alert(this.color);

}

在这段重写的代码中，在函数createCar()前定义了函数showColor().在createCar()内部，赋予对象一个已经指向已经存在的

showColor()函数的指针。从功能上来讲，这样解决了重复创建对象的问题，但该函数看起来不像对象的方法。

所有这些问题引发了开发者定义的构造函数的出现。

第二种方式：构造函数方式第二种方式：构造函数方式

function Car(sColor){

this.color = sColor;

this.showColor = function (){

alert(this.color);

};

}

var oCar1 = new Car("red");

var oCar2 = new Car("blue");

你可能已经注意到第一个差别了，在构造函数内部无创建对象，而是使用this关键字。使用new运算符调用构造函数时，在执

行第一行代码前先创建一个对象，只有用this才能访问该对象。然后可以直接赋予this属性，默认情况下是构造函数的返回值

（不必明确使用return运算符）。

这种方式在管理函数方面与工厂方法一样都存在相同的问题。

第三种方式：原型方式第三种方式：原型方式

function Car(){

}

Car.prototype.color = "blue";

var oCar1 = new Car();

var oCar2 = new Car();

调用new Car()时，原型的所有属性都被立即赋予要创建的对象，意味着所有的Car实例存放的都是指向showColor()函数的指

针。从语义上看起来都属于一个对象，因此解决了前面两种方式存在的两个问题。此外使用该方法，还能用instanceof运算符

检查给定变量指向的对象类型。因此，下面的代码将输出true：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

weixin_38557757

粉丝: 5
资源: 934

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip