[代码分享]JS优化For循环的实例代码

2014-08-28 23:31:27 -0400

代码说明

优化JS的For循环，其实这是非常重要的，优化的好，会大大降低电脑损耗，提升运行速度，这里提供两种方法可以比较，仅供参考。

HTML代码

<head>
<script type="text/javascript">
//每次都调用fibonacci()
function callMore(number)
{
	var start=new Date();
	var total=0;
	for(var i=0;i<fibonacci(number);i++)
	{
		total +=i;
	}
	var end=new Date();
	var duration=end-start;
	alert("函数callMore()运行结果为："+total+"|每次调用fibonacci()函数的运行时长:"+duration+"ms");
}
//仅第一次调用fibonacci()
function callOne(number)
{
	var start=new Date();
	var total=0;
	var loopCounter=fibonacci(number);
	for(var i=0;i<loopCounter;i++)
	{
		total+=i;
	}
	var end=new Date();
	var duration=end-start;
	alert("函数callOne()运行结果为："+total+"|仅调用一次fibonacci()函数的运行时长:"+duration+"ms");
}

//计算斐波那契序列的函数
function fibonacci(number)
{
	var n1=1;
	var n2=1;
	for(var i=0;i<number;i++)
	{
		var total=n1+n2;
		n1=n2;
		n2=total;
	}
	return n2;
}
//检测输入的数据是否正确
function checkData()
{
	var number=parseInt(document.getElementById("number").value);

return number;
}
//调用callMore函数
function callFunMore()
{
		var number=checkData();
		callMore(number);
}
//调用callOne函数
function callFunOne()
{
var number=checkData();
callOne(number);
}
</script>
</head>
<body>
<h3>优化for循环实例</h3>
<hr style="border:1px solid #000000;" />
请输入一个整数：
<input type="text" id="number" name="number"  />
<br />
<input type="button" id="more" name="more" value="查看每次调用fibonacci()函数的运行时长" onclick="callFunMore();" />
<input type="button" id="one" name="one" value="查看仅调用一次fibonacci()函数的运行时长" onclick="callFunOne();" />
</body>

代码演示

«Newer Older»

Back to home

Subscribe | Register | Login | N