利用面向对象的方式来使用JS

首先，就是我们先看一个利用JS写的非常简单的函数：

   
   

    
    <
    
    script type
    
    =
    
    "
    
    text/javascript
    
    "
    
    >
    
    

    
    function
    
     product(a,b)
{
     
    
    return
    
     a
    
    *
    
    b;
}

    
    <
    
    /
    
    script>
    
    

    
    <
    
    /
    
    head>
    
    

    
    <
    
    body
    
    >
    
    

    
    <
    
    script type
    
    =
    
    "
    
    text/javascript
    
    "
    
    >
    
    
document.write(product(
    
    4
    
    ,
    
    3
    
    ));

    
    <
    
    /
    
    script>
   
   

当然 这个是十分简单的一个例子,在body体中，product函数直接被js调用。

下面来针对今天的题目说下实现方式：

首先，建立一个airthmaticOperation函数：

   
   

    
    function
    
     airthmaticOperation(){}
   
   

然后我们就可以像对待类一样的来对待这个函数了，我们知道 类中一般都有方法，属性等等，那么在js中，我们可以利用prototype对象来对这个函数进行方法或者是属性的扩展，具体实现如下：

   
   

    
    airthmaticOperation.prototype.addition 
    
    =
    
     
    
    function
    
    (a,b)
   
   
   
   

    
    {  　　
   
   
   
   

    
     
    
    　　return
    
     a
    
    +
    
    b;
   
   
   
   

    
    } 
   
   
   
   

    
    airthmaticOperation.prototype.multiply 
    
    =
    
     
    
    function
    
    (a,b)
   
   
   
   

    
    { 　　 
   
   
   
   

    
     
    
    　　return
    
     a
    
    *
    
    b;
   
   
   
   

    
    } 
   
   

那么 方法是实现了，如何来使用呢？呵呵，具体的使用方式如下：

   
   

    
    var
    
     objMyClass 
    
    =
    
     
    
    new
    
     aithmaticOperation();
   
   

调用方式如下：

   
   

    
    var
    
     resultAdd 
    
    =
    
     objMyClass.addition(a,b); 
   
   
   
   

    
     
    
    var
    
     resultMul 
    
    =
    
     objMyClass.multiply(a,b);
   
   

当然，这只是其中简单的一个例子，其实上面的完全可以利用下面的形式来写，以下的是利用闭包的形式写的：

   
   

    
    var
    
     Arithmetic 
    
    =
    
     
    
    function
    
    (){  
   
   
   
   

    
    
    
    　　var
    
     obj 
    
    =
    
     {    
   
   
   
   

    
    　　　　　　　　　　add: 
    
    function
    
    (a,b) { 
    
    return
    
     a 
    
    +
    
     b; },    
   
   
   
   

    
    　　　　　　　　　　multiply: 
    
    function
    
    (a,b) { 
    
    return
    
     a 
    
    *
    
     b; }  
   
   
   
   

    
    　　　　　　　　};  
   
   
   
   

    
    
    
    　　return
    
     obj;
   
   
   
   

    
    }();
   
   

使用的时候，可以通过下面的方式来进行使用：

   
   

    
    var
    
     resultAdd 
    
    =
    
     Arithmetic.add(a,b);
   
   
   
   

    
    
    
    var
    
     resultMul 
    
    =
    
     Arithmetic.multiply(a,b);
   
   

希望有用。呵呵~~~