js怎么封装函数

JavaScript017

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()//闭包实现累加

1、js中函数的封装的原理是把用户需要操作的业务抽离出来给用户操作。毕竟用户需求千变万化。

2、对于js函数的封装需要理解js函数的形式参数，实际参数与不定参数（arguments）。

3：下面是一个简单的以ID获取元素的方法

function $id(id){

return document.getElementById(id)

}

$id("box")//调用函数

4：形式参数的命名与Js中变量的命名规则一样

5：下面的图片是一个简单的函数封装参数传递示意图

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

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

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

function

getElements()

{

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

}

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

function

getElementById(id)

{

return

getElements("#"+id)

}

function

getByClass(cls)

{

return

getElements("."+cls)

}

function

getByTag(tag)

{

return

getElements(tag)

}

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