欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS的类

程序员文章站 2022-07-06 19:56:33
...

js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的ocar类.

 

function ocar(color){
  this.color = color;
  this.arr = new Array("s");


  this.hello = function()
  {
    alert("ShapeBase show");
   }; 

 

};


 ocar.prototype.showColor = function(){
  alert(this.color);
 }

 

var car = new ocar("resd");
 car.showColor();

 

 

二、为类添加新方法:

 

可以用prototype属性为以有的类定义新的方法:

 

 ocar.prototype.showColor = function(){
  alert(this.color);
 }


ocar.prototype.init=function()
 {
     alert("ShapeBase init");
 }; 

//上面不好看,可以写在一起为

ocar.prototype={
    showColor:function()
       {
      alert(this.color);
       },
     init:function() {
           alert("ShapeBase init");
    }
};

 

 

 

三、重定义已有的方法:

 

就像给已有类定义新方法一样,也可以重写类的方法。函数名只是指向函数的指针,因此可以轻易的使用它指向别的函数。从写已有方法的时候Function的第一个F要大写

 

修改本地类toString()方法。

 

Function.prototype.toString = function(){
 return "重写toString";
}
function sayHi(){
 alert("Hi");
}
alert(sayHi.toString);
四。添加静态方法
静态的不必实例化就能直接使用,是说在没有生成任何对象时就能运用该方法,所以静态方法里不能对非静态的成员变量做操作。
//静态方法
ocar.StaticDraw = function()
{
alert("method draw is static");
}