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);

    希望有用。呵呵~~~

    
    
  • 相关阅读:
    java、javaw和javaws的区别
    Hibernate4教程二:基本配置(2)
    Maven入门指南10:Maven的生命周期和插件
    Java中的断言(assert)
    MySQL的数据类型:文本、数字、日期/时间
    面向对象的三大基本特征和五大基本原则
    高内聚低耦合的介绍
    9.7 模拟赛
    16-17学期计划(每周)
    JZOJ 5281 钦点
  • 原文地址:https://www.cnblogs.com/scy251147/p/2020295.html
Copyright © 2011-2022 走看看