js怎么封装函数

JavaScript032

js怎么封装函数,第1张

1、js封装就是尽量把使用的方式简单化,内部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值,其他条件尽量不要使用人员进行设置。<br>2、js封装的方法有函数方式、对象的方式、闭包的方式。<br>举例<br>1)函数方式<br>function kk(a,b){<br> 内部对a,b怎么处理就不需要关心了<br>}<br><br>2)对象方式<br>function kk(a,b){<br> this.x = a<br> this.y = b<br>}<br>var k = new kk(1,2)//通过面向对象的方式<br>alert(k.x)<br>3)闭包方式<br>function kk(a,b){<br> var k = 1<br> return function tt(){<br> k++<br> }<br>}<br>var u = kk(1,2)<br>u()//闭包实现累加<br>u()//闭包实现累加

封装最基本的意思就是对外提供简单功能单一的方法,

比如一个方法根据不同的参数获取不同的页面元素

如点开头的是查找class的元素,#开头的是查找id,不加这两个的是根据标签查找

function

getElements()

{

//这里要根据开头判断返回数据

}

这个方法功能虽然多,但是功能不单一不如提供3个对外的方法

function

getElementById(id)

{

return

getElements("#"+id)

}

function

getByClass(cls)

{

return

getElements("."+cls)

}

function

getByTag(tag)

{

return

getElements(tag)

}

这样别人一看方法名就明白这个方法怎么使用了,这就是封装的最简单应用