首页 > 编程语言 >Javascript使用function创建类的两种方法

Javascript使用function创建类的两种方法

时间:2023-03-17 18:22:38浏览次数:40  
标签:function myFunction myFunc return 创建 Javascript js var

1、使用function类

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

//myFunction.js

var CMyFunc=function()

{

//类的公共方法,供外部调用

this.Func1=function()

{

var i=0;

return i;

}

  

this.Func2=function()

{

_privateFunc();

}

  

//类中的私有方法,供公共方法调用

function _privateFunc()

{

return 0;

]

}

  

CMyFunc myFunc=new CMyFunc();

 

 

使用:其它javascript文件引入myFunction.js后,直接使用myFunc(全局变量).Func1

2、使用function类(二)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

//myFunction.js

var CMyFunc=function()

{

var myFunc=new Object();

//类的公共方法,供外部调用

myFunc.Func1=function()

{

var i=0;

return i;

}

  

myFunc.Func2=function()

{

_privateFunc();

}

  

//类中的私有方法,供公共方法调用

function _privateFunc()

{

return 0;

]

  

return myFunc;

}

 

 

使用:其它javascript文件引入myFunction.js后,通过var myFunc=new CMyFunc()初始化一个对象使用

优点:1、使用myFunc对象函数时有智能提示 2、不用在myFunction.js中创建全局变量 3、myFunc对象函数中的this参数指向一致

3、使用jquery扩展

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

//myFunction.js

(function ($) {

$.MyFunc={};

  

$.MyFunc.Func1=function()

{

var i=0;

return i;

}

  

$.MyFunc.Func2=function()

{

var i=0;

return i;

}

  

  

})(jQuery);

登录后复制

 

使用:其它javascript文件引入myFunction.js后,直接使用$.MyFunc.Func1()即可

标签:function,myFunction,myFunc,return,创建,Javascript,js,var
From: https://www.cnblogs.com/lidabo/p/17227784.html

相关文章