今天学习第09步《前端篇》第2章打造游戏界面的第6课，绘制分界线。
学习目标
- CSS颜色值有哪些格式；
- 使用函数绘制分界线；
- 学习使用参数表达式，学习使用函数及函数的参数；
- 使用循环绘制分界线；
- 学习比较运算符、算术运算符、if控制语句；
- 学习JS的5种循环控制语句；
- 学习JS的作用域链与闭包；
- 学习使用集合对象Map与Set。
主要知识点/技能点
- CSS 颜色值有哪些格式？有16进制颜色、RGB 颜色、RGBA 颜色、预定义颜色、HSL 颜色、HSLA 颜色。
- 函数是程序中可以重复使用的代码块。在调用函数时，可以向其传值，这些值被称为实参。
- 函数要尽量保持独立性，函数的运行最好不依赖外部任何变量，所有函数执行时需要用到的数据全部通过参数传递进来。
- JS 中有两种定义函数的方式：函数声明和函数表达式。
- 在非箭头函数中，arguments 表示函数实参，arguments.callee 表示函数本身。arguments 作为一个实参类数组对象，同时也是 object 类型，它有一个 callee 属性，通过 arguments.callee 可以访问函数本身。
- JS 函数即使不声明形参，也可以向它传递参数，这时候在函数内部要访问实参，就需要发挥 arguments 的作用了。
- JS函数的参数可以使用默认值。
- 如果开发者不确定参数个数，或者函数需要传递不确定数目的参数，在 ES6 中可以声明 rest 参数。
- 在 JS 语言内，while 循环会在指定条件为真时循环执行代码块。
- 在 JS 中，主要有 7 种比较运算符，具体略。
- 在 JS 中主要有 主要有7 种算术运算符，具体略。
- 在 JS 中，包括 for、while 、do while 、for in 和for of 共5 种循环控制语句。
- JS 作用域是可以嵌套的，从而形成一个作用域链条。变量可以沿着作用域链向上追溯，即子作用域可以访问父作用域，继而向上还可以访问祖作用域，直到全局作用域为止。
- 闭包等于一个函数加上本来不属于这个函数，但这个函数又能调用的变量或常量。如果一个函数可以访问另一个作用域中的变量，那么前者可能就是一个闭包。
- Set 是一组 key 的集合，不存储 value，只存储key，并且 key 不能重复。
- Map 是 ES6 内置的一组键值对数据结构，Map优势在于具有极快的查询速度。
实践疑难点
- 在Canvas 2D绘制中，绘制的先后顺序，决定了画布中对象的上下遮挡关系。
小结
这一节比较琐碎、基础，但也很有学习的必要，各种运算符、if控制语句、循环控制语句都是在代码编写中常用的语法。
如果遇到问题，你可以————
