隨著前臺開發日益受到重視,客戶端代碼比重日益增加的今天,如何在Javascript開發里應用MVC模式,這個問題似乎會一直被提到,所以偶在這里粗略的談一下自己的看法吧。
MVC模式的基本理念,是通過把一個application封裝成model, view和controller三個部分達到降低耦合,簡化開發的目的。這么說很空洞,大家可以實際看個例子:
1
<select id="selAnimal">
2
<option value="cat">cat</option>
3
<option value="fish">fish</option>
4
<option value="bird">bird</option>
5
</select>
6
<p id="whatDoesThisAnimalDo"></p>
7
8
<script type="text/Javascript">
9
document.getElementById('selAnimal').onchange = function()
{
10
var thisAnimalDoes;
11
switch ( this.value )
{
12
case 'cat':
13
thisAnimalDoes = "cat meows";
14
break;
15
case 'fish':
16
thisAnimalDoes = "fish swims";
17
break;
18
case 'bird':
19
thisAnimalDoes = "bird flies";
20
break;
21
default:
22
thisAnimalDoes = "wuff?";
23
}
24
document.getElementById('whatDoesThisAnimalDo').innerHTML = thisAnimalDoes;
25
}
26
</script>
it知識庫:稍微談一下 javascript 開發中的 MVC 模式,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。