JavaScript中的类Class详细介绍.docx

JavaScript中的类Class详细介绍关于JavaScript中的类Class详细介绍在JavaScript中，可以使用类(Class)来实现面向对象编程(ObjectOrientedProgramming)。不过，JavaScript中的类与Java中的有所不同，其相应的定义和使用也不一样。JavaScript中类的定义在JavaScript中，所有从同一个原型对象(prototype)处衍生出来的对象组成了一个类；也就是说，JavaScript中的类是一个对象集合的概念，如果两个对象它们的prototype相同，那么它们就属于同一个类；JavaScript中的类甚至都不需要类名。以下面的代码为例：复制代码代码如下:varp={x:42};vara=Object.create(p);varb=Object.create(p);console.log(a===b);//falseconsole.log(Object.getPrototypeOf(a)===Object.getPrototypeOf(b));//true在上述例子中，对象a和b拥有相同的原型对象(prototype)p，因此a和b属于同一个类(虽然这个类都没有类名)，它们从原型对象p处继承了值为42的属性x。从这个例子中可以看到，原型对象的作用就相当于模板，可以由之衍生/创建出多个对象，其地位与Java语言中的类代码(Classcode)相同，是JavaScript中类定义的核心。以下这个例子中的原型对象就呈现出更像类代码的样子：复制代码代码如下:varp={INCREMENT_BY:1,increment:function(x){returnx+this.INCREMENT_BY;}}vara=Object.create(p);varb=Object.create(p);console.log(a.increment(7));//8console.log(b.increment(9));//10上述例子中，原型对象p定义了一个值为1的property(INCREMENT_BY)和一个名为increment的函数；对象a和b从p这个模板处获取了INCREMENT_BY和increment函数。当调用对象a或b的increment函数时，JavaScript会试图获取a或b的INCREMENT_BY值(this.INCREMENT_BY)；由于INCREMENT_BY是从p中获取的，因此其值都是1—从模板中获取的，值都相同的变量，类似于Java中的静态类变量(staticvariable)，因此上面的例子中对INCREMENT_BY变量命名时使用了全大写字符。在上面的例子中，所有从模板p处创建出来的对象(属于同一个类的这些对象)，其属性和行为都是一模一样的。但实际上对于同一个类的不同对象，它们除了拥有类所定义的属性/行为以外，往往具有一些自身所特有的属性与行为。因此，如果需要将prototype这个模板当作类来使用的话，就必须对每一个从中衍生出来的对象进行一定的定制：复制代码代码如下:varp={INCREMENT_BY:1,increment:function(x){returnx+this.INCREMENT_BY+this.custom_increment_by;}}vara=Object.create(p);varb=Object.create(p);a.custom_increment_by=0;b.custom_increment_by=1;console.log(a.increment(7));//8console.log(b.increment(9));//11在这个例子中，从模板p处创建出来的对象a和b拥有一个彼此间值不一定相等的变量custom_increment_by，而它们的increment()函数这个行为的最终结果则与custom_increment_by的值相关。一般来说，对新建对象进行定制化的工作往往放在统一的函数中进行：复制代码代码如下:varp={INCREMENT_BY:1,increment:function(x){returnx+this.INCREMENT_BY+this.custom_increment_by;}}functiongetIncrementalClassObject(customIncrementByValue){varincrementalObj=Object.create(p);incrementalObj.custom_increment_by=customIncrementByValue;returnincrementalObj;}vara=getIncrementalClassObject