先端:MVCを浅析する

1908 ワード
javascript 先端 mvc
浅析MVC
一.MVCを知る
(一)MVCの意味
  • Model:データモデル
  • View:ビュー
  • Controller:コントローラ
    • (二)それぞれ何をしますか?
    var Model= {
    data:{},    //    
    init: function(){},     //    
    add: function(){},
    delete: function(){},
    get:: function(){}
}
var View={
    el:'',  //    
    init:: function(){},    //   
    template:'',            //  
    render:: function(){}   //    
}
var controller = {
    init(): function{},         //   
    bindEvents: function(){},   //    
}
    二.eventBus
    (一)API
  • on
  • off
  • eit(trigger)
    • (二)使用方法
  • バインディングイベントeventBus.on()
    eventBus.on("eventName",callback)
//         ，
  • トリガイベントeventBus.emit()
    eventBus.emit("eventName",[...args])
//
  • 紐付けイベントeventBus.off()
    eventBus.off("eventName",callback)
//         ，
    • 三.表ドライバプログラミング
    (一)定義:
  • 表駆動法は、論理文(ifとcase)を使用せずにテーブルから情報を検索するプログラムモードである.実際には、論理文で選択できるものは、チェックシートで選ぶことができます.簡単な場合は論理文を使ったほうが分かりやすくなります.しかし、論理連鎖がますます複雑になるにつれて、調査表法はますます魅力的になってきました.
    • (二)例:
  • 表を使用しないでプログラムします.
    if(flg==1){
    add1()
}
else if(flg==2){
    add2()
}
else if(flg==3){
    add3()
}
else if(flg==4){
    add4()
}
else{
    add5()
}
  • は、テーブルを用いてプログラムされた
    var obj={
    1：add1,
    2: add2,
    3：add3,
    4：add4,
    5：add5,
}
obj[flg]()
    • である.
    (三)表プログラミングのメリット
  • は、プログラムの可読性を向上させる.一つのメッセージはどのように処理しますか?ドライバシートを見れば分かります.
  • は重複コードを減少させた.
  • は複雑さを低減した.
  • プログラムには明らかな主幹があります.
    • 四.モジュール化
    モジュールプログラミングは非常に重要なプログラミングモードです.利点は以下の通りです.
  • 人以上の協力により、相互に干渉しないモジュール化が変数汚染を回避し、分業をより容易にすることができる.
  • フレキシブルアーキテクチャ、焦点分離は、独立した機能を基幹から分離して単独開発し、効率を上げることができる
    • .
  • は、モジュール間の組み合わせ、分解、結合を容易にし、各機能モジュール間の結合度を低減し、維持と管理を容易にする.
  • 単一モジュール機能の調整、アップグレードに便利です.
    • javascript splitはスペースとコンマを落とします.