DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript使用function創建類的兩種方法(推薦)
Javascript使用function創建類的兩種方法(推薦)
編輯:關於JavaScript     

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

以上這篇Javascript使用function創建類的兩種方法(推薦)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved