zoukankan      html  css  js  c++  java
  • 利用面向对象的方式来使用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);

    希望有用。呵呵~~~

    
    
  • 相关阅读:
    iOS-国家代码选择功能github开源分享
    Nehe OpenGL lesson 8
    POJ 3083:Children of the Candy Corn(DFS+BFS)
    LeetCode 14
    一起talk C栗子吧(第二十二回:C语言实例--队列一)
    高仿手机QQ音乐之——Android带进度条的开关
    11.1 半联结
    oracle调优 浅析有效的游标管理
    经典算法——Jump Game(II)
    从Vue文件到Html文件
  • 原文地址:https://www.cnblogs.com/scy251147/p/2020295.html
Copyright © 2011-2022 走看看