javascript练习及心得
6304实验室 徐娆
题目
/* FizzBuzzWhizz 需求：
when run(3) return 'Fizz'
when run(5) return 'Buzz'
when run(7) return 'Whizz'
when run(3 * 5) return 'FizzBuzz' //run 的参数为 3和5共同的倍数
when run(3 * 7) return 'FizzWhizz' //run 的参数为 3和7共同的倍数
when run(5 * 7) return 'BuzzWhizz' //run 的参数为 5和7共同的倍数
when run(3 * 5 * 7) return 'FizzBuzzWhizz' //run 的参数为 3、5和7共同的倍数
其余情况：when run(n) return n // n 可以为 非 3、5、 7或3、5、7的倍数的数字
如：run(2) return '2'
作业要求：
1.通过document.write()方法，将以上需求的每一条调用结果打印出来，结果会在屏幕右边显示
2.为每一条需求写一个测试，测试例子请见实例方法 test1*/
代码实现：
```
function run(num)
{
if(num%3 == 0)
{
if(num%5 == 0)
{
if(num%7 == 0)
return "FizzBuzzWhizz";
else return "FizzBuzz";
}
else if(num%7 == 0)
return "FizzWhizz";
else return "Fizz";
}
if(num%5 == 0)
{
if(num%7 == 0)
return "BuzzWhizz";
else return "Buzz";
}
if(num%7 == 0)
{
return "Whizz";
}
return num.toString();
}
var test1 = function()
{
let result = run(2);
if(result != 2)
{document.write('The test 1 failed')}
else
{ document.write('The test 1 result is : if 2 return '+ result+"<br>") }
}
var test2 = function()
{
let result = run(3);
if(result != "Fizz")
{ document.write('The test 2 failed') }
else { document.write('The test 2 result is :if 3 return '+ result+"<br>") }
}
var test3 = function()
{
let result = run(5);
if(result != "Buzz")
{ document.write('The test 3 failed') }
else { document.write('The test 3 result is :if 5 return '+ result+"<br>")}
}
var test4 = function()
{
let result = run(7);
if(result != "Whizz")
{ document.write('The test 4 failed') }
else {
document.write('The test 4 result is : if 7 return '+ result+"<br>")
}
}
var test5 = function()
{
let result = run(15);
if(result != "FizzBuzz")
{ document.write('The test 5 failed') }
else { document.write('The test 5 result is :if 15 return '+ result+"<br>")
}
}
var test6 = function()
{
let result = run(21);
if(result != "FizzWhizz")
{
document.write('The test 6 failed')
}
else
{
document.write
('The test 6 result is :if 21 return '+ result+"<br>")
}
}
var test7 = function()
{
let result = run(35);
if(result != "BuzzWhizz")
{
document.write('The test 7 failed')
}
else
{
document.write('The test 7 result is :if 35 return '+ result+"<br>")
}
}
var test8 = function()
{
let result = run(105);
if(result != "FizzBuzzWhizz")
{
document.write('The test 8 failed')
}
else
{
document.write('The test 8 result is :if 105 return '+ result+"<br>")
}
}
test1()
test2()
test3()
test4()
test5()
test6()
test7()
test8()
```
运行结果：
代码运行结果
心得体会：
在写这篇代码的前一天，我们刚听了教练们关于结对编程的课程。
以前我写代码的时候都是很随意的，看了功能要求，随便想一下实现方法就开始写代码，然后一次一次试错，再来慢慢改代码直至最接近功能要求，但是常常会有很多遗漏，甚至改代码的时候也会把原先实现了的功能也改得面目全非……这样其实很不好。
这个学期我们也学习了软件工程这一门课程，意识到代码并不等于软件，要开发出一个完整的能实现特定工程的软件，光是会“写代码”是不够的。
在写这段代码之前，我整理了一下题目以及功能要求
输入输出
测试：
I | O
----|------|----
2 | 2
3 | Fizz
5 | Buzz
7 | Whizz
15 | FizzBuzz
21 | FizzWhizz
35 | BuzzWhizz
105 | FizzBuzzWhizz
最开始的时候我也是按照一个测试一个功能来的，思路是将所有条件分为三个基本事件：“被3整除”，“被5整除”，“被7整除”，然后用离散型随机变量来分析可能出现的结果。例如when run(3 * 5) return 'FizzBuzz' //run 的参数为 3和5共同的倍数，则是A,B事件都发生而C事件不发生，我就直接用 if （num%3==0 && num%5==0 && num%7 !=0）return "FizzBuzz"来实现。
通过简单的方式逐步实现了所有功能之后，我发现，如果用上面的代码，那么一共有8种情况，每种情况要判断3次，那么一个数字，计算机要判断24次，这样显然很浪费。于是我开始思考怎样使代码更加精简，于是有了下面的逻辑图，这样计算的频率就大大减少了。
功能实现逻辑
这次的代码练习其实比较简单，但是语法上自己并不是很熟悉，大多数都是按照以前学C和C++的思路来的，但是有些语法不是通用的，例如我就不知道怎样通过document.write()方法来换行输出内容，后面也查询了一些资料，跟小组成员交流才解决。另外一个感受就是，有了Thoughtworks实验室这个大家庭真的非常开心，有什么自己解决不了的问题都可以大家一起交流，这也是我当初加入实验室的初衷之一， 在以后的日子里，我也希望能和大家一起进步，学习更多东西^_^
