今日完成：

1 小课堂内容已完成，demo是使用的js任务一的代码

今日收获：

1 了解了alert和console.log的区别

[1]alert()
    [1.1]有阻塞作用，不点击确定，后续代码无法继续执行    
    [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法        
         e.g. alert([a,b,c]);//a,b,c    
    [1.3]alert不支持多个参数的写法,只能输出第一个值        
         e.g. alert(1,2,3);//1
[2]console.log()    
    [2.1]在打印台输出    
    [2.2]可以打印任何类型的数据        
         e.g. console.log([a,b,c]);//[a,b,c]    
    [2.3]支持多个参数的写法        
         e.g. console.log(1,2,3)// 1 2 3 

2 了解了console页面还可以直接输出页面显示，

比如：直接输出图片等，感觉比页面直接加载要快很多

3 关于有限状态机的一些代码

1. var btn = {
2.   // 当前状态
3.   currentState: 'btn',
4. 　　
5.   // 绑定事件
6.   initialize: function() {
7.     var self = this;
8.     self.on("click", self.transition);
9.   },
10. 　　
11.   // 状态转换
12.   transition: function(event){
13.     switch(this.currentState) {
14.       case "btn":
15.         this.currentState = 'input';
16.         doSomething();
17.         break;
18.       case "input":
19.         this.currentState = 'btn';
20.         doSomething();
21.         break;
22.       default:
23.         console.log('Invalid State!');
24.         break;
25.     }
26.   }　
27. };

感觉用起来的时候，不知怎么怎么去带入事件，每次都是报错，

关于有限状态机的文档：

http://www.ruanyifeng.com/blog/2013/09/finite-state_machine_for_javascript.html

https://www.jianshu.com/p/ec6270b896e6

今日疑惑：

看了一晚上的有限状态机，感觉原理是明白了，可是写法上面总是报错

明天去看一下师兄的代码试试

明日计划：

1 完善小课堂

2 继续理解有限状态机