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

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()即可