稍微谈一下 javascript 开发中的 MVC 模式

随着前台开发日益受到重视,客户端代码比重日益增加的今天,如何在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<id="whatDoesThisAnimalDo"></p>
 7
 8<script type="text/Javascript">
 9document.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 模式,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。