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

高洛峰
リリース: 2016-12-06 13:58:24
オリジナル
1455 人が閲覧しました

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 を使用します。 ()直接

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート