Javascript使用function创建类的两种方法(推荐)

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创建类的两种方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Javascript 创建类并动态添加属性及方法的简单实现
• JS创建类和对象的两种不同方式
• JavaScript中创建类/对象的几种方法总结
• JavaScript创建类/对象的几种方式概述及实例
• javascript最常用与实用的创建类的代码
• 利用MS AJAX注册Javascript命名空间并创建类
• 讨论javascript(一)工厂方式 js面象对象的定义方法
• javascript工厂方式定义对象
• JavaScript中使用构造器创建对象无需new的情况说明
• JavaScript设计模式之工厂模式和构造器模式
• javascript 混合的构造函数和原型方式，动态原型方式
• JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】