JSをオブジェクト向けに利用する
6808 ワード
まず、JSで書かれた非常に簡単な関数を見てみましょう.
もちろんこれは非常に簡単な例であり、body体ではproduct関数がjsによって直接呼び出される.
今日のテーマについて、実装方法を説明します.
まず、airthmaticOperation関数を作成します.
次に、クラスのようにこの関数を扱うことができます.クラスには一般的に方法、属性などがあることを知っています.jsではprototypeオブジェクトを利用して、この関数を方法または属性の拡張を行うことができます.具体的には、次のように実現します.
では、方法は実現しましたが、どのように使いますか?ほほほ、具体的な使い方は以下の通りです.
呼び出し方法は次のとおりです.
もちろん、これは簡単な例にすぎませんが、実際には上のものは完全に下の形式で書くことができます.以下は閉パッケージの形式で書かれています.
<
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);
役に立つことを望みます.ふふ~~~