Solution walkthrough: Story generator - JavaScript教程

内容

• Introduction Introduction

  • JavaScript can get tricky

    2 分钟 1 秒
  • What you should know

    1 分钟 30 秒
  • Using the exercise files

    2 分钟 2 秒
• 1. Improving on Loops 1. Improving on Loops

  • Pain point: Sequential for loops become tedious

    3 分钟 52 秒
  • Solution: Three alternatives

    8 分钟 10 秒
  • (已锁定)
    Pain point: Processing arrays with loops is inelegant

    3 分钟 22 秒
  • (已锁定)
    Solution: filter(), map(), and reduce()

    11 分钟 3 秒
  • (已锁定)
    Challenge: Iterate differently

    3 分钟 32 秒
  • (已锁定)
    Solution: Iterate differently

    3 分钟 6 秒
• 2. Objects Can Confuse 2. Objects Can Confuse

  • (已锁定)
    Pain point: Copied objects are not actually copies

    2 分钟 32 秒
  • (已锁定)
    Solution: JSON.stringify() and JSON.parse()

    7 分钟 55 秒
  • (已锁定)
    Pain point: The value of this, like, and always

    3 分钟 52 秒
  • (已锁定)
    Solution: bind()

    5 分钟 38 秒
  • (已锁定)
    ES6+ solution: Arrow functions

    3 分钟 38 秒
  • (已锁定)
    Challenge: Objects of hazard

    4 分钟 33 秒
  • (已锁定)
    Solution: Objects of hazard

    5 分钟 42 秒
• 3. Oh Functions, My Functions 3. Oh Functions, My Functions

  • (已锁定)
    Pain point: Send extra parameters to an event handler

    2 分钟 47 秒
  • (已锁定)
    Solution: bind() again

    7 分钟 6 秒
  • (已锁定)
    Pain point: Function signature doesn’t accept arrays

    2 分钟 5 秒
  • (已锁定)
    Solution: Function.prototype.apply()

    6 分钟 36 秒
  • (已锁定)
    Pain point: Refactoring function signatures

    2 分钟 8 秒
  • (已锁定)
    Solution: Objects for arguments

    6 分钟 34 秒
  • (已锁定)
    Challenge: Story generator

    4 分钟 16 秒
  • (已锁定)
    Solution overview: Story generator

    3 分钟 9 秒
  • (已锁定)
    Solution walkthrough: Story generator

    8 分钟 37 秒
• Conclusion Conclusion

  • (已锁定)
    Next steps and thank you

    2 分钟 8 秒