Javascript使用function創(chuàng)建類的兩種方法(推薦)
更新時間：2016年11月19日 09:18:47 投稿：jingxian
下面小編就為大家?guī)硪黄狫avascript使用function創(chuàng)建類的兩種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
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后，通過var myFunc=new CMyFunc()初始化一個對象使用
優(yōu)點：1、使用myFunc對象函數(shù)時有智能提示 2、不用在myFunction.js中創(chuàng)建全局變量 3、myFunc對象函數(shù)中的this參數(shù)指向一致
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創(chuàng)建類的兩種方法(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Javascript 創(chuàng)建類并動態(tài)添加屬性及方法的簡單實現(xiàn)
- JS創(chuàng)建類和對象的兩種不同方式
- JavaScript中創(chuàng)建類/對象的幾種方法總結(jié)
- JavaScript創(chuàng)建類/對象的幾種方式概述及實例
- javascript最常用與實用的創(chuàng)建類的代碼
- 利用MS AJAX注冊Javascript命名空間并創(chuàng)建類
- 討論javascript(一)工廠方式 js面象對象的定義方法
- javascript工廠方式定義對象
- JavaScript中使用構(gòu)造器創(chuàng)建對象無需new的情況說明
- JavaScript設(shè)計模式之工廠模式和構(gòu)造器模式
- javascript 混合的構(gòu)造函數(shù)和原型方式，動態(tài)原型方式
- JS常見創(chuàng)建類的方法小結(jié)【工廠方式,構(gòu)造器方式,原型方式,聯(lián)合方式等】
相關(guān)文章
這篇文章主要介紹了JS輸入框模糊匹配查詢功能，主要是仿百度搜索自動提示框的功能，大家參考使用吧2013-11-11
這篇文章主要為大家詳細(xì)介紹了原生JS實現(xiàn)點擊數(shù)字小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了js中的如何定位固定層的位置,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細(xì)介紹了解決js圖片加載時出現(xiàn)404問題的方法，具有一定的參考價值，這方面有困惑的朋友可以參考一下2015-11-11
最近做項目的過程中，使用到了ES6，因為之前很少接觸，所以使用起來還不夠熟悉。通過學(xué)習(xí)網(wǎng)上的教程后覺著有必要整理下遇到的let和const命令，所以這篇文章主要給大家介紹了ES6中l(wèi)et和const命令的相關(guān)資料，需要的朋友可以參考下。2017-05-05
這篇文章主要介紹了如何利用HTML+CSS+JavaScript制作一個花里胡哨的點擊按鈕。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-03-03
javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式
這篇文章主要介紹了javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-12-12
javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法
這篇文章主要介紹了javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
JAVASCRIPT是AJAX技術(shù)中不可或缺的一部分，所以想學(xué)好AJAX以及現(xiàn)在流行的AJAX框架，學(xué)好JAVASCRIPT是最重要的。這章我給大家整理了一些JAVASCRIPT的基礎(chǔ)知識、常用代碼和事件匯總。2015-08-08
這篇文章主要介紹了自己實現(xiàn)ajax封裝示例,需要的朋友可以參考下2014-04-04