Methoden zum Schreiben von JavaScript-Skriptbibliotheken_Javascript-Kenntnisse-js-Tutorial-php.cn

JavaScript ist eine sogenannte clientseitige Skriptsprache, eine Computerprogrammiersprache, die in einem Internetbrowser ausgeführt wird (ein Browser wird auch Webclient genannt, da er eine Verbindung zu einem Webserver herstellt, um Seiten herunterzuladen). JavaScript funktioniert auf interessante Weise. Ein Teil des JavaScript-Codes wird in gewöhnliche Webseiten eingefügt. Wenn der Browser die Seite lädt, liest der integrierte Interpreter des Browsers den auf der Seite gefundenen JavaScript-Code und führt ihn aus.

Ich mache seit vier Jahren Webentwicklung und habe mehr oder weniger einige JavaScript-Skripte angesammelt. Beispielsweise führt ein Skript, das die Eingabe auf die Eingabe von Zahlen beschränkt, automatisch zum nächsten Steuerelement, was der Funktion der Tabulatortaste entspricht, da die Ergebnisse numerischer JavaScript-Operationen häufig nicht unseren Wünschen entsprechen Gleitkommaoperationen sind ebenfalls erforderlich (plus Subtraktions-, Multiplikations- und Divisionsfunktionen). Immer wenn JavaScript benötigt wird, finde ich oft das benötigte Skript im Internet, kopiere es direkt in eine ASPX-Datei oder erstelle eine neue JavaScript-Datei und füge einen Verweis
hinzu , um auf diese Weise die Produktion clientseitiger Skripte abzuschließen. Schließlich gibt es keine große Nachfrage nach JavaScript, daher gebe ich mir nicht viel Mühe, es zu lernen.

Ich bin in letzter Zeit nicht mit den Projekten des Unternehmens beschäftigt, daher werde ich in meiner Freizeit meine Drehbuchkenntnisse auffrischen. Es gibt eine sehr beliebte JQuery-Skriptbibliothek im Internet, und es gibt viele Artikel im Garten, die sich mit deren Verwendung befassen. Aus meiner persönlichen Erfahrung wird JavaScript, genau wie reguläre Ausdrücke, oft gelernt und oft vergessen. Wenn Sie das erlernte Wissen nicht anwenden, werden Sie es schnell vergessen. Insbesondere anwendungsbezogene Inhalte, wie die Verwendung von PageMethods, die Implementierung von Client-Kurzrückrufen und die Verwendung von JavaScript zum Aufrufen von Webdiensten. Ich habe sie im Projekt oft verwendet, aber auf Nachfrage von Kollegen ist sie immer noch vage und schwer zu erklären. Deshalb. Eine Möglichkeit besteht darin, Demos zu erstellen, Demos mit verschiedenen Effekten zu erstellen, sie in Kategorien zusammenzufassen und sie dann bei der Verwendung zu suchen. Dies kann viel Zeit sparen. Im heutigen Artikel wird eine weitere Methode erwähnt, die darin besteht, das von Ihnen erstellte JavaScript zu organisieren und zur einfachen Wiederverwendung in eine allgemeinere Skriptbibliothek umzuwandeln. Die Bedeutung der Organisation besteht darin, entsprechende Anpassungen an der Funktion vorzunehmen, damit sie nicht nur den Anforderungen des aktuellen Projekts, sondern auch den Anforderungen zukünftiger Projekte gerecht wird. Eine andere Bedeutung besteht darin, die Benennung und Organisationsstruktur zu standardisieren und Beispielcode zu schreiben. und bequem beim Aufstehen nutzen. Manchmal lade ich viele nützliche JavaScript-Skripte aus dem Internet herunter, vergesse aber, die Testskripte herunterzuladen und weiß nicht, wie man sie verwendet. Es ist besser, noch einmal im Internet zu suchen.

JavaScript ist als objektbasierte Skriptsprache definiert. Einerseits basiert es auf dem DOM-Objektmodell und den Methoden in DOM-Objekten. Andererseits verfügt es nicht über die Vererbungs- und Polymorphismuseigenschaften von Objekten. orientierte Sprachen. ASP.NET AJAX erweitert JavaScript, sodass wir JavaScript-Skripte objektorientiert organisieren können. Meine Hauptaufgabe hier ist die Kapselung, also die Kapselung des vorhandenen Codes, um die Wiederverwendung beim nächsten Mal zu erleichtern. Es gibt also zwei Möglichkeiten, Ihre vorhandene JavaScript-Codebasis zu organisieren.
Ich nehme die umstrittenen Additions- und Subtraktionsoperationen in Gleitkommaoperationen in JavaScript als Beispiel, um zu sehen, wie man sie kapselt

JavaScript-Stil

function Math() { } 
//加法 
Math.prototype.Add=function(arg1,arg2){ 
var r1,r2,m; 
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} 
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} 
m=Math.pow(10,Math.max(r1,r2)) 
return (arg1*m+arg2*m)/m 
} 
//减法 
Math.prototype.Subtraction=function(arg1,arg2){ 
  var r1,r2,m,n; 
  try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} 
  try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} 
  m=Math.pow(10,Math.max(r1,r2)); 
  n=(r1>=r2)&#63;r1:r2; 
  return ((arg1*m-arg2*m)/m).toFixed(n); 
} 
调用方式 
var math=new Math(); 
var result=math.Add(2.0,4.0); 
AJAX风格 
Type.registerNamespace(“Utility”); 
Utility.Math=function(larg,rarg) 
{ 
 this._left=larg; 
 this._right=rarg; 
} 
Utility.Math.prototype= 
{ 
//加法函数 
Add:function () 
{ 
var r1,r2,m; 
try{r1=left.toString().split(".")[1].length}catch(e){r1=0} 
try{r2=right.toString().split(".")[1].length}catch(e){r2=0} 
m=Math.pow(10,Math.max(r1,r2)) 
return (left*m+right*m)/m 
} 
//减法函数 
Subtraction: function(){ 
  var r1,r2,m,n; 
  try{r1=left.toString().split(".")[1].length}catch(e){r1=0} 
  try{r2=right.toString().split(".")[1].length}catch(e){r2=0} 
  m=Math.pow(10,Math.max(r1,r2)); 
  n=(r1>=r2)&#63;r1:r2; 
  return ((left*m-right*m)/m).toFixed(n); 
} 
} 
//注册类 
Utility.Math.registerClass(“Utility.Math”); 
然后，在需要的地方，就可以运用下面的方法调用 
var math=new Utility.Math(2.0,4.2); 
var result=math.Add();

Nach dem Login kopieren

Menggunakan dua kaedah yang dicadangkan di atas boleh dengan mudah merangkum JavaScript yang biasa digunakan dan mengurangkan pertindihan.

Terdapat masalah dengan penamaan di atas, kerana Math ialah jenis terbina dalam JavaScript dan digunakan untuk mengendalikan pelbagai operasi matematik Untuk membuat skrip gaya JavaScript di atas dijalankan, nama kelas mesti digantikan dengan nama lain . Seperti MathHelper. ASP.NET AJAX juga memanjangkan enam jenis JavaScript, iaitu Array, Boolean, Date, Ralat, Objek dan rentetan.

Memandangkan anda mempunyai kaedah itu, sesetengah rakan mungkin mengatakan bahawa anda harus menerbitkan perpustakaan JavaScript yang anda buat supaya ia dapat memenuhi citarasa orang ramai. Dengan kaedah ini sahaja, masih sangat sukar untuk mempraktikkannya: terdapat sebab untuk jadual projek yang ketat, sibuk mengerjakan projek setiap hari, dan tidak ada masa untuk mengatur ini, dan ada juga sebab untuk tidak biasa dengan JavaScript.

Untuk mengelakkan perpustakaan kelas saya daripada menjadi sia-sia, saya pergi ke dalam talian untuk mendapatkan beberapa nasihat tentang menulis perpustakaan JavaScript yang baik.

Terdapat artikel yang dipanggil "Membina Perpustakaan JavaScript". Sebelum menulis artikel ini, saya ingin melihat bagaimana dia menulisnya, tetapi halaman web itu terus mengatakan bahawa fail itu sedang dimuatkan dan tidak dapat dilihat. Saya sangat ingin tahu bagaimana orang asing menulis tentang tema yang sama.

Terdapat juga artikel hebat yang dipanggil "Peraturan Untuk Pengarang Perpustakaan JavaScript", terletak di
http://dean.edwards.name/weblog/2007/03/rules/

Saya menterjemahkannya untuk rujukan anda

1 Jangan terlalu rumit dalam cara menggunakannya.
2 Elakkan menggunakan Object.prototype
3 Jangan terlalu panjangkan
4 Mematuhi piawaian.
5 Ikuti contoh pencipta JavaScript yang sangat baik
6. Kekal fleksibel 7. Urus ingatan dengan baik untuk mengelakkan kebocoran ingatan.
8 Elakkan penggodaman berkaitan pelayar
9 Pastikan perpustakaan kelas ringkas
10. Pastikan perpustakaan boleh diramal. Sebagai contoh, walaupun tanpa menyemak dokumentasi, anda sepatutnya dapat meneka bahawa Matematik memperkatakan kandungan yang berkaitan dengan operasi matematik
11 Peraturan mata tambahan: dokumentasi; gunakan sebanyak mungkin ruang nama untuk menyusun kod supaya mudah diingati;

Tahap saya sangat sederhana, pengaturcara yang sangat biasa. Jadi, jangan minta kod saya. Saya memberikannya kepada anda, tetapi anda masih perlu meluangkan masa untuk membacanya; dan kod saya tidak mempunyai dokumentasi, jadi apakah yang perlu anda lakukan jika anda tidak dapat membacanya? Daripada melakukan ini, mengapa tidak menyusun JavaScript yang anda ada Selain itu, JavaScript yang anda ada sebenarnya telah digunakan oleh anda, jadi anda mesti biasa dengannya? Jangan mengesyorkan JQuery sama ada, ia bukan tujuan saya.

Matlamat saya ialah untuk mengajar anda cara menyusun pustaka skrip JavaScript anda yang sedia ada dan menggunakan sumber yang anda sudah ada dengan baik.

Muat turun kod ujian:

http://xiazai.jb51.net/201509/yuanma/Math-Test(jb51.net).rar

Untuk menambah masalah biasa: jika anda meletakkan JavaScript dalam fail luaran, anda mungkin mendapat gesaan "Objek tidak ditemui" semasa menjalankan

Masalah ini disebabkan oleh pengekodan fail. Pastikan pengekodan fail skrip JavaScript konsisten dengan pengekodan fail halaman HTML
Klik Fail-->Simpan sebagai pilihan untuk menyimpan kedua-duanya dalam format pengekodan yang sama