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

更新时间：2016年11月19日 09:18:47 投稿：jingxian

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

您可能感兴趣的文章:

js实现左侧网页tab滑动门效果代码
这篇文章主要介绍了js实现左侧网页tab滑动门效果代码,涉及JavaScript页面元素的遍历及元素属性动态切换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
Layui多选只有最后一个值的解决方法
今天小编就为大家分享一篇Layui多选只有最后一个值的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
javascript插件开发的一些感想和心得
这篇文章主要介绍了javascript插件开发的一些感想和心得,需要的朋友可以参考下
2016-02-02
JavaScript模拟实现封装的三种方式及写法区别
JS是一门面向对象语言,其对象是用prototype属性来模拟的。下面通过本文来了解下js模拟实现封装的三种方法，需要的朋友参考下吧
2017-10-10
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
这篇文章主要为大家详细介绍了javaScript实现鼠标在文字上悬浮时弹出悬浮层效果的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-03-03
layui 地区三级联动 form select 渲染的实例
今天小编就为大家分享一篇layui 地区三级联动 form select 渲染的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
挺实用的20个JavaScript简化写法代码技巧
掌握一些JavaScript的精简书写方式,有助增强代码的阅读性,提升代码质量,任何一种编程语言的简写小技巧都是为了帮助你写出更简洁、更完善的代码,让你用更少的编码实现你的需求
2023-08-08
微信小程序比较两个数大小的实现方法
最近在工作中遇到一个需求,可以自动对比两个数的大小,下面这篇文章主要给大家介绍了关于微信小程序比较两个数大小的实现方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-03-03
layui点击按钮添加可编辑的一行方法
今天小编就为大家分享一篇layui点击按钮添加可编辑的一行方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
js中的reduce()函数讲解
今天小编就为大家分享一篇关于js中的reduce()函数讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-01-01