码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-07-13 19:06:40      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   color   使用   strong   

 

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创建类的两种方法,布布扣,bubuko.com

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

标签:style   blog   java   color   使用   strong   

原文地址:http://www.cnblogs.com/gossip/p/3832011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!