您的位置：首页 > Web前端 > JavaScript

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

2012-12-03 13:02 519 查看



首先，就是我们先看一个利用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);


希望有用。呵呵~~~
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航