快捷導(dǎo)航

Javascript使用function創(chuàng)建類的兩種方法(推薦)

更新時(shí)間：2016年11月19日 09:18:47 投稿：jingxian

下面小編就為大家?guī)?lái)一篇Javascript使用function創(chuàng)建類的兩種方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

1、使用function類

//myFunction.js
var CMyFunc=function()
{
//類的公共方法，供外部調(diào)用
this.Func1=function()
{
var i=0;
return i;
}

this.Func2=function()
{
_privateFunc();
}

//類中的私有方法，供公共方法調(diào)用
function _privateFunc()
{
return 0;
]
}

CMyFunc myFunc=new CMyFunc();

使用：其它javascript文件引入myFunction.js后，直接使用myFunc(全局變量).Func1

2、使用function類（二）

//myFunction.js
var CMyFunc=function()
{
var myFunc=new Object();
//類的公共方法，供外部調(diào)用
myFunc.Func1=function()
{
var i=0;
return i;
}

myFunc.Func2=function()
{
_privateFunc();
}

//類中的私有方法，供公共方法調(diào)用
function _privateFunc()
{
return 0;
]

return myFunc;
}

使用：其它javascript文件引入myFunction.js后，通過(guò)var myFunc=new CMyFunc()初始化一個(gè)對(duì)象使用

優(yōu)點(diǎn)：1、使用myFunc對(duì)象函數(shù)時(shí)有智能提示 2、不用在myFunction.js中創(chuàng)建全局變量 3、myFunc對(duì)象函數(shù)中的this參數(shù)指向一致

3、使用jquery擴(kuò)展

//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創(chuàng)建類的兩種方法(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JS仿百度搜索自動(dòng)提示框匹配查詢功能
這篇文章主要介紹了JS輸入框模糊匹配查詢功能，主要是仿百度搜索自動(dòng)提示框的功能，大家參考使用吧
2013-11-11
原生JS實(shí)現(xiàn)點(diǎn)擊數(shù)字小游戲
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)點(diǎn)擊數(shù)字小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04
js中的如何定位固定層的位置
這篇文章主要介紹了js中的如何定位固定層的位置,需要的朋友可以參考下
2014-06-06
解決js圖片加載時(shí)出現(xiàn)404的問(wèn)題
這篇文章主要為大家詳細(xì)介紹了解決js圖片加載時(shí)出現(xiàn)404問(wèn)題的方法，具有一定的參考價(jià)值，這方面有困惑的朋友可以參考一下
2015-11-11
ES6入門教程之let和const命令詳解
最近做項(xiàng)目的過(guò)程中，使用到了ES6，因?yàn)橹昂苌俳佑|，所以使用起來(lái)還不夠熟悉。通過(guò)學(xué)習(xí)網(wǎng)上的教程后覺(jué)著有必要整理下遇到的let和const命令，所以這篇文章主要給大家介紹了ES6中l(wèi)et和const命令的相關(guān)資料，需要的朋友可以參考下。
2017-05-05
利用JavaScript編寫(xiě)一個(gè)花里胡哨的點(diǎn)擊按鈕
這篇文章主要介紹了如何利用HTML+CSS+JavaScript制作一個(gè)花里胡哨的點(diǎn)擊按鈕。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下
2022-03-03
javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式
這篇文章主要介紹了javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-12-12
javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹(shù)形結(jié)構(gòu)的高效率算法
這篇文章主要介紹了javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹(shù)形結(jié)構(gòu)的高效率算法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
javascript常用的方法整理
JAVASCRIPT是AJAX技術(shù)中不可或缺的一部分，所以想學(xué)好AJAX以及現(xiàn)在流行的AJAX框架，學(xué)好JAVASCRIPT是最重要的。這章我給大家整理了一些JAVASCRIPT的基礎(chǔ)知識(shí)、常用代碼和事件匯總。
2015-08-08
自己實(shí)現(xiàn)ajax封裝示例分享
這篇文章主要介紹了自己實(shí)現(xiàn)ajax封裝示例,需要的朋友可以參考下
2014-04-04