JSをオブジェクト向けに利用する

6808 ワード

まず、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);

役に立つことを望みます.ふふ~~~