首頁  >  文章  >  web前端  >  Javascript使用function建立類別的兩種方法

Javascript使用function建立類別的兩種方法

高洛峰
高洛峰原創
2016-12-06 13:58:241412瀏覽

1、使用function類

//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類(二)

//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擴充

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


🎜🎜🎜🎜🎜🎜🎜
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn