So modularisieren Sie die Programmierung in Javascript

Modulare Programmierung kann die Geschäftslogik klarer machen. Im Gegensatz zu anderen traditionellen Programmiersprachen bietet Javascript keine native und organisierte Möglichkeit, Module einzuführen. Hier diskutieren wir hauptsächlich: Objektbasierte modulare Javascript-Programmierung. Das heißt, Javascript-Modularisierung (package.class.method).

Traditionelle Schreibmethode:

Mischen Sie verschiedene Funktionen in einer Javascript-Datei, wie zum Beispiel:

function m1(arg1, arg2){
	//…
}
function m2(){
	//…
}

Auf diese Weise“ Es verschmutzt globale Variablen , und es gibt keine Garantie dafür, dass keine Konflikte auftreten. Das Wichtigste ist, dass die Beziehung zwischen Modulen und Mitgliedern nicht offensichtlich ist.

So schreiben Sie Objekte:

Schreiben Sie verschiedene Module in verschiedene Objekte und fügen Sie alle Modulmitglieder in das Objekt ein.

var module1 = new Object({
	_appId : 0,
	URL:{
		process1:function(){
			return ‘/data/process1’;
		}，
		process2:function(){
			return ‘/data/process2’;
		}
},
	m1: function(){
		//…
},
m2:function(params){
	var appId = params[‘appId’];
	var package = params[‘package’];
	//…
},
m3:{
	init:function(){
		//initial something
	},
	process:function(appId, package){
		//
	}
}
});

Analyse:

Die folgende Schreibweise:

var module1 = new Object({
	//…
})

kann abgekürzt werden als:

var module1 = {
	//…
}

Konstantenbezogene Einstellungen:

_appId: 0,

kann bestimmte Konstantenwerte festlegen. Diese Konstante kann auch verwendet werden, um den Wert des el-Ausdrucks in der JSP-Datei zu übergeben , fügen Sie

<script type=”text/javascript”>
	module1._appId = ${appId}; //这样可以将服务端的appId的值设置到js中
</script>

hinzu. Hinweis:

EL-Ausdruck ${appId} kann nur in JSP-Dateien verwendet werden, kann nicht in JS verwendet werden wird in der Datei verwendet.

Eine andere Möglichkeit, eine Konstantengruppe festzulegen, ist:

URL:{
		process1:function(){
			return ‘/data/process1’;
		}，
		process2:function(){
			return ‘/data/process2’;
		}
},

Es gibt zwei Möglichkeiten, Variablen in einer Funktion zu übergeben:

1) Das einfachere ist:

process:function(appId, package)

Hier sind appId und package die übergebenen Single-Layer-Werte.

2) Array-Übertragung:

m2:function(params){
	var appId = params[‘appId’];
	var package = params[‘package’];
	//…
},

Das Format beim Aufruf ist wie folgt:

module1.m2({appId:10, package:’hello’})

Mehrschichtiges Objekt Kapselung:

m3:{
	init:function(){
		//initial something
	},
	process:function(appId, package){
		//
	}
}

Das obige ist der detaillierte Inhalt vonSo modularisieren Sie die Programmierung in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!