ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で関数を使用してクラスを作成する 2 つの方法

JavaScript で関数を使用してクラスを作成する 2 つの方法

高洛峰
高洛峰オリジナル
2016-12-06 13:58:241456ブラウズ

1. 関数クラス

//myFunction.js
var CMyFunc=function()
{
//类的公共方法,供外部调用
this.Func1=function()
{
var i=0;
return i;
}
 
this.Func2=function()
{
_privateFunc();
}
 
//类中的私有方法,供公共方法调用
function _privateFunc()
{
return 0;
]
}
 
CMyFunc myFunc=new CMyFunc();

を使用します

使い方: myFunction.js を他の JavaScript ファイルに導入した後、myFunc (グローバル変数).Func1

を使用します (2) 関数クラスを使用します

使用法: myFunction.js を他の JavaScript ファイルに導入した後、var myFunc=new CMyFunc() を通じてオブジェクトを初期化します。 利点: 1. myFunc オブジェクト関数を使用するときにスマートなプロンプトが表示されます。 2. グローバルを作成する必要はありません。 myFunction.js の変数 3. myFunc オブジェクト関数の this パラメーターは同じポイントを指します

3. jquery 拡張機能を使用します

//myFunction.js
var CMyFunc=function()
{
var myFunc=new Object();
//类的公共方法,供外部调用
myFunc.Func1=function()
{
var i=0;
return i;
}
 
myFunc.Func2=function()
{
_privateFunc();
}
 
//类中的私有方法,供公共方法调用
function _privateFunc()
{
return 0;
]
 
return myFunc;
}

使用法: myFunction.js を他の JavaScript ファイルに導入した後、$.MyFunc.Func1 を使用します。 ()直接

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。