js 函数式编程 怎么组织代码

JavaScript09

js 函数式编程 怎么组织代码,第1张

写一个函数（即方法：function），然后去调用这个方法、比如写个C的helloworld然后调用printf就是函数式（过程化）编程，

补充：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

这样写，你可以加任意多组，而不用改变js代码。

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus®">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<title>Document</title>

</head>

<body>

<div id="movie1" style="display:block">

<a href="#">1</a>

<a href="#">2</a>

<a href="#">3</a>

</div>

<div id="movie2" style="display:none">

<a href="#">4</a>

<a href="#">5</a>

<a href="#">6</a>

</div>

<div id="movie3" style="display:none">

<a href="#">7</a>

<a href="#">8</a>

<a href="#">9</a>

</div>

<div id="movie4" style="display:none">

<a href="#">10</a>

<a href="#">11</a>

<a href="#">12</a>

</div>

<div id="movie5" style="display:none">

<a href="#">13</a>

<a href="#">14</a>

<a href="#">15</a>

</div>

<div id="movie6" style="display:none">

<a href="#">16</a>

<a href="#">17</a>

<a href="#">18</a>

</div>

<div id="movie7" style="display:none">

<a href="#">19</a>

<a href="#">20</a>

<a href="#">21</a>

</div>

<div id="movie8" style="display:none">

<a href="#">22</a>

<a href="#">23</a>

<a href="#">24</a>

</div>

<div id="movie9" style="display:none">

<a href="#">25</a>

<a href="#">26</a>

<a href="#">27</a>

</div>

<div id="movie10" style="display:none">

<a href="#">28</a>

<a href="#">29</a>

<a href="#">30</a>

</div>

<div id="movie11" style="display:none">

<a href="#">31</a>

<a href="#">32</a>

<a href="#">33</a>

</div>

<input type="button" onclick="javascript:divrefresh()" value="换一批" />

<script type="text/javascript">

var divs = document.getElementsByTagName('div'),

movies = [],

i

for (i = 0i <divs.lengthi++) {

if (divs[i].id &&divs[i].id.indexOf('movie') != -1) {

movies.push(divs[i])

}

}

function divrefresh() {

var i, nextOne

for (i = 0i <movies.lengthi++) {

if (movies[i].style.display === 'block') {

movies[i].style.display = 'none'

nextOne = (i === movies.length - 1) ? 0 : i + 1

movies[nextOne].style.display = 'block'

break

}

}

}

</script>

</body>

</html>