js中的一些基本封装及应用

正在学，所以就慢慢来补充吧，以循序渐进的方式来讲解

先从最简单的开始

选择器封装

开始我们学的都是下面这种

document.getElementById(" *** ") 

对吧，每次调用都是 document.getElementById("啥啥啥")
一开始还好吧，毕竟会的就那么一点，写的也都是一些小demo，自然就只需要写一两个 document.getElementById(“啥啥啥”)了，那到还不麻烦

但是，当开发遇到稍微大点的项目，频繁写这些代码无疑就是在浪费时间（摸鱼），那就得封装下咯，不然摸鱼这样摸也会嫌累吧

第一种就是以函数声明的方式来进行封装

function $(name){
    document.getElementById(name) 
}

调用该方法只需要 $("啥啥啥") 这样就行了，相对来说还是很简单的

第二种就是以字面量的方式来封装

var $= function(name){
    document.getElementById(name) 
}

使用方式   $("啥啥啥")

但这只是es5的写法，我们要考虑怎么简化代码，在es6里就有箭头函数可以简化这些代码

var $= name => document.getElementById(name)

调用方式还是跟上面一样，但代码是不是已经简洁多了