コード品質を向上させる設計モード-メタモード

8691 ワード

良いプロジェクトのコードは高い多重性を持ち、高い再利用と低い結合は良いコードの体現である.どのようなコードが高再利用されますか?高再利用のコードは以下の3つの特徴を持っている:1.オブジェクトは変更なしで使用できます.2重複コードが少ない.3モジュール機能は単一です.以下、具体的な機能コードと結びつけてjsにおけるコード品質を向上させる設計モードである享元モードをまとめる.

ユーティリティーモード


目的:オブジェクトまたはコードの数を減らす.設計方法:コードの共有部分とプライベート部分を観察し、共有部分とプライベート部分を抽出し、プライベート部分を外部データとして伝達し、開発コードのオブジェクトの数を減らす.適用シーン:コードに類似するオブジェクトと類似のコードブロックが多数作成されている場合.自分の開発過程のコードと結びつけて悟りを語る.たとえばプロジェクト開発ファイルアップロード機能では,この場所でクラスを作成する際にメタモードの設計思想を利用し,コードの品質を向上させることができる.
	//    
function uploader(fileType,file){
	 this.fileType=fileType;
    this.file=file;
}
uploader.prototype.init=function(){
  //        html
}
uploader.prototype.delete=function(){
  //    html
}
uploader.prototype.uploading=function(){
  //  
}
var fileob1,fileob2,fileob3,fileob4
var data=[
  {
  	type:'img',
  	file:fileob1
  },
  {
  	type:'txt',
  	file:fileob2
  },
  {
  	type:'img',
  	file:fileob3
  },
  {
  	type:'word',
  	file:fileob4
  },      
]
for(var i=0;i<data.length;i++){
	new uploader(data[i].type,data[i].file);
};

上記のコードはforサイクルで複数のクラスを作成し、コード機能から見ると確かにビジネスニーズを実現し、論理機能を実現することができる.しかし、このようなコードの品質は高くなく、プログラマーは精進し、コードの品質を追求しなければならない.上記のコードも私が踏んだ穴で、ここでは享元設計モードで改造すると、コードが昇格し、複数のuploaderクラスを作成してuploaderクラスを作成するようになります.ユーティリティーモードの使用
	//fileType,file
function uploader(){

}
uploader.prototype.init=function(){
  //        html
}
uploader.prototype.delete=function(){
  //    html
}
uploader.prototype.uploading=function(filetype,file){
}
var uploader=new uploader();
for(var i=0;i<data.length;i++){
	uploader.uploading(data[i].type,data[i].file);
}

メタモードの目的は、クラス/コードの数を減らし、ファイルアップロードの機能をuploadingメソッドに配置し、プライベートなデータ(ファイルタイプ、ファイル名)を抽出し、クラスループ呼び出しuploadingメソッドを作成し、機能を実現することです.メタモードの使用とメタモードの使用は、コードの観点から確かにあまり変化していませんが、このような小さな変化はクラスの数を減らし、コードの品質を高めることができます.良い習慣は小さい頃から、少しの最適化もあなたのコードを差別化することができます.