如何封装常用的JS方法

JavaScript017

如何封装常用的JS方法,第1张

1、JS封装就是尽量把使用的方式简单化，内部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值，其他条件尽量不要使用人员进行设置。

2、JS封装的方法有函数方式、对象的方式、闭包的方式。

举例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

1）函数方式

function kk(a,b){

内部对a，b怎么处理就不需要关心了

}

2）对象方式

function kk(a,b){

this.x = a

this.y = b

}

var k = new kk(1,2)//通过面向对象的方式

alert(k.x)

3）闭包方式

function kk(a,b){

var k = 1

return function tt(){

k++

}

}

var u = kk(1,2)

u()//闭包实现累加

u()//闭包实现累加

一般在HTML中用事件调用封装好的js函数

如下例子

在div中利用点击事件onclick调用了a()函数；

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Document</title>

</head>

<body>

  <div onclick="a()"></div><!--onclick调用了a()函数-->

<script rel="03.js"></script>

</body>

</html>