JS 中实现 tab栏切换的两种方式

        面向过程可能是我们一直以来学的思路，完成一件事情会按照步骤实现，会着重思考事情实现的过程，比如：想吃三明治，那么就需要准备材料，然后根据菜单制作，一步一步来先洗材料，烹煮等等才完成；但是面向对象，则是找一个对象，他有功能可以实现这个事情，那么，要吃三明治，则只要找三明治店买就可以了。

        这大概就是两种不同的思路，下面就是我用这两种思路写的tab栏切换。大家可以略过这些，直接看代码，我写这些是因为检测说篇幅太短发不出来emmm

面向过程的写法

    
    
    
    
    


    

        

            
1
            
2
        
        
11111
        
222222
    
    

面向对象的写法

    
    
    
    
    


    

        

            
1
            
2
            
3
            
4
        

        
1
        
2
        
3
        
4