美文网首页
JavaScript练习及心得 修改

JavaScript练习及心得 修改

作者: TW_徐娆 | 来源:发表于2017-04-10 20:06 被阅读37次

    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实验室这个大家庭真的非常开心,有什么自己解决不了的问题都可以大家一起交流,这也是我当初加入实验室的初衷之一, 在以后的日子里,我也希望能和大家一起进步,学习更多东西_

    相关文章

      网友评论

          本文标题:JavaScript练习及心得 修改

          本文链接:https://www.haomeiwen.com/subject/nddeattx.html