Zwei Möglichkeiten zum Erstellen von Klassen mithilfe von Funktionen in Javascript

1. Verwenden Sie die Funktionsklasse

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

Verwendung: Nachdem Sie myFunction.js in andere Javascript-Dateien eingeführt haben, verwenden Sie direkt myFunc (globale Variable). Func1

2. Verwenden Sie die Funktionsklasse (2)

//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;
}

Verwendung: Nachdem Sie myFunction.js in andere Javascript-Dateien eingeführt haben, übergeben Sie var myFunc=new CMyFunc() initialisiert ein Objekt mit

Vorteile: 1. Bei Verwendung der myFunc-Objektfunktion gibt es intelligente Eingabeaufforderungen. 2. Es besteht keine Notwendigkeit, globale Variablen in myFunction.js zu erstellen. 3. Der Parameter this in Die myFunc-Objektfunktion zeigt auf denselben Punkt

3. Verwenden Sie die JQuery-Erweiterung

//myFunction.js
(function ($) {
$.MyFunc={};
 
$.MyFunc.Func1=function()
{
var i=0;
return i;
}
 
$.MyFunc.Func2=function()
{
var i=0;
return i;
}
 
 
})(jQuery);

Verwendung: Nachdem Sie myFunction.js in andere Javascript-Dateien eingeführt haben, verwenden Sie $. MyFunc.Func1() direkt