Kaedah menulis skrip JavaScript libraries_javascript kemahiran

JavaScript ialah apa yang dipanggil bahasa skrip sisi klien, bahasa pengaturcaraan komputer yang berjalan di dalam pelayar Internet (pelayar juga dipanggil klien Web kerana ia menyambung ke pelayan Web untuk memuat turun halaman). JavaScript berfungsi dengan cara yang menarik. Beberapa kod JavaScript akan dimasukkan ke dalam halaman web biasa. Apabila penyemak imbas memuatkan halaman, penterjemah terbina dalam penyemak imbas membaca dan menjalankan kod JavaScript yang ditemuinya dalam halaman.

Saya telah melakukan pembangunan web selama empat tahun dan telah mengumpulkan lebih kurang beberapa skrip JavaScript. Sebagai contoh, skrip yang mengehadkan input untuk hanya membenarkan nombor untuk dimasukkan secara automatik akan pergi ke kawalan seterusnya, yang bersamaan dengan fungsi kekunci Tab kerana hasil operasi berangka JavaScript selalunya tidak seperti yang kita inginkan , operasi titik terapung juga diperlukan (tambah fungsi tolak, darab dan bahagi). Setiap kali terdapat keperluan untuk JavaScript, saya sering mencari skrip yang diperlukan di Internet, menyalinnya terus ke dalam fail aspx, atau mencipta fail JavaScript baharu dan menambah rujukan
> , dengan cara ini untuk melengkapkan pengeluaran skrip sebelah pelanggan. Lagipun, tidak banyak permintaan untuk JavaScript, jadi saya tidak berusaha keras untuk mempelajarinya.

Saya tidak sibuk dengan projek syarikat baru-baru ini, jadi saya akan mengejar pengetahuan skrip saya pada masa lapang saya. Terdapat perpustakaan skrip JQuery yang sangat popular di Internet, dan terdapat banyak artikel di taman membincangkan cara menggunakannya. Dari pengalaman peribadi saya, JavaScript, seperti ungkapan biasa, sering dipelajari dan sering dilupakan. Jika anda tidak menggunakan pengetahuan yang telah anda pelajari, anda akan melupakannya. Terutamanya kandungan yang berkaitan dengan aplikasi, seperti cara menggunakan PageMethods, cara melaksanakan panggilan balik pendek pelanggan dan cara menggunakan JavaScript untuk memanggil perkhidmatan Web Saya telah menggunakannya berkali-kali dalam projek, tetapi apabila ditanya oleh rakan sekerja, ia masih kabur dan sukar untuk dijelaskan. Satu cara yang saya ada ialah membuat tunjuk cara, membuat tunjuk cara dengan pelbagai kesan, menyusunnya dalam kategori, dan kemudian mencarinya apabila menggunakannya. Ini boleh menjimatkan banyak masa. Kaedah lain disebut dalam artikel hari ini, iaitu mengatur JavaScript yang telah anda lakukan dan menjadikannya pustaka skrip yang lebih umum untuk digunakan semula dengan mudah. Maksud penganjuran ialah membuat pelarasan yang bersesuaian dengan fungsi supaya ia bukan sahaja dapat memenuhi keperluan projek semasa, tetapi juga memenuhi keperluan projek akan datang Maksud lain ialah menyeragamkan struktur penamaan dan organisasi, menulis kod sampel, dan gunakan Mudah apabila bangun. Kadang-kadang saya memuat turun banyak skrip JavaScript yang berguna dari Internet, tetapi terlupa untuk memuat turun skrip ujiannya dan tidak tahu cara menggunakannya Lebih baik mencari semula di Internet.

JavaScript ditakrifkan sebagai bahasa skrip berasaskan objek Di satu pihak, ia berdasarkan model objek DOM dan kaedah dalam objek DOM Sebaliknya, ia tidak mempunyai ciri pewarisan dan polimorfisme objek. bahasa berorientasikan. ASP.NET AJAX memanjangkan JavaScript supaya kami boleh menyusun skrip JavaScript dalam cara berorientasikan objek. Tugas utama saya di sini ialah enkapsulasi, merangkum kod sedia ada untuk memudahkan penggunaan semula pada masa akan datang. Jadi, terdapat dua cara untuk menyusun pangkalan kod JavaScript sedia ada anda.
Saya mengambil operasi tambah dan tolak yang kontroversi dalam operasi titik terapung dalam JavaScript sebagai contoh untuk melihat cara merangkumnya

Gaya JavaScript

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

L'utilisation des deux méthodes proposées ci-dessus peut facilement encapsuler le JavaScript couramment utilisé et réduire la duplication.

Il y a un problème avec le nom ci-dessus, car Math est un type intégré à JavaScript et est utilisé pour gérer diverses opérations mathématiques. Afin d'exécuter le script de style JavaScript ci-dessus, le nom de la classe doit être remplacé par un autre nom. . Tel que MathHelper. ASP.NET AJAX étend également les six types de JavaScript, à savoir Array, Boolean, Date, Error, Object et string.

Maintenant que vous avez la méthode, certains amis diront peut-être que vous devriez publier la bibliothèque JavaScript que vous avez créée afin qu'elle puisse satisfaire le goût du public. Avec cette seule méthode, il est encore très difficile de la mettre en pratique : il y a des raisons pour des calendriers de projet serrés, une charge de travail quotidienne sur des projets, et on n'a pas le temps de s'organiser, et il y a aussi des raisons pour ne pas être familier avec JavaScript.

Afin d'éviter que ma bibliothèque de classes ne soit inutile, je suis allé en ligne pour trouver des conseils sur l'écriture de bonnes bibliothèques JavaScript.

Il y a un article intitulé "Créer une bibliothèque JavaScript". Avant d'écrire cet article, je voulais voir comment il l'avait écrit, mais la page Web n'arrêtait pas de dire que le fichier était en cours de chargement et ne pouvait pas être affiché. Je veux vraiment savoir comment les étrangers écrivent sur le même thème.

Il existe également un excellent article intitulé "Règles pour les auteurs de bibliothèques JavaScript", situé à l'adresse
http://dean.edwards.name/weblog/2007/03/rules/

Je l'ai traduit pour votre référence

1 Ne soyez pas trop lourd dans la façon de l'utiliser.
2 Évitez d'utiliser Object.prototype
3 Ne vous étendez pas trop
4 Se conformer aux normes.
5 Suivez l'exemple d'excellents créateurs JavaScript
6. Restez flexible. 7. Gérez bien la mémoire pour éviter les fuites de mémoire.
8 Évitez les hacks liés au navigateur
9 Gardez la bibliothèque de classe simple
10. Gardez les bibliothèques prévisibles. Par exemple, même sans consulter la documentation, vous devriez pouvoir deviner que Math traite du contenu lié aux opérations mathématiques
11 Règles de points supplémentaires : documentation ; utiliser autant d'espaces de noms que possible pour organiser le code afin qu'il soit facile à retenir

 ;

Mon niveau est très moyen, un programmeur très ordinaire. Alors ne me demandez pas de code. Je vous l'ai donné, mais il faut quand même prendre le temps de le lire ; et mon code n'a pas de documentation, alors que faire si vous n'arrivez pas à le lire ? Au lieu de faire cela, pourquoi ne pas trier le JavaScript que vous avez sous la main ? De plus, le JavaScript que vous avez sous la main a été réellement utilisé par vous, vous devez donc le connaître. Ne recommandez pas non plus JQuery, ce n'est pas mon but.
Mon objectif est de vous apprendre à organiser votre bibliothèque de scripts JavaScript existante et à faire bon usage des ressources dont vous disposez déjà.

Téléchargement du code de test : http://xiazai.jb51.net/201509/yuanma/Math-Test(jb51.net).rar

Pour ajouter un problème courant : si vous placez JavaScript dans un fichier externe, vous pouvez recevoir une invite "Objet introuvable" lors de l'exécution
Ce problème est dû à l'encodage du fichier. Gardez l'encodage des fichiers de script JavaScript cohérent avec l'encodage des fichiers des pages HTML
Cliquez sur Fichier -> Option Enregistrer sous pour enregistrer les deux dans le même format d'encodage

Il est recommandé d'utiliser VS IDE pour écrire des scripts, afin que vous puissiez utiliser la prise en charge des invites intelligentes fournies par l'IDE

Si vous utilisez Dreamweaver pour écrire des scripts, il fournit également des invites intelligentes

Le contenu ci-dessus vous présente la méthode d'écriture d'une bibliothèque de scripts JavaScript. J'espère qu'il vous plaira.