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


Posted in Javascript onNovember 19, 2016

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 相关文章推荐
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
May 18 Javascript
js函数的引用, 关于内存的开销
Sep 17 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
May 26 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
JavaScript实现简单音乐播放器
Apr 17 Javascript
从vue源码看props的用法
Jan 09 Javascript
微信小程序时间轴实现方法示例
Jan 14 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
微信小程序 授权登录详解(附完整源码)
Aug 23 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
vue之debounce属性被移除及处理详解
Nov 13 Javascript
js 中获取制定的cook信息实现方法
Nov 19 #Javascript
微信小程序入门教程
Nov 18 #Javascript
网络传输协议(http协议)
Nov 18 #Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 #Javascript
Ajax的概述与实现过程
Nov 18 #Javascript
简单谈谈ES6的六个小特性
Nov 18 #Javascript
jQuery post数据至ashx实例详解
Nov 18 #Javascript
You might like
星际争霸 Starcraft 游戏介绍
2020/03/14 星际争霸
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
node.js中的fs.rmdirSync方法使用说明
2014/12/16 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
javascript计时器详解
2015/02/28 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
用Vue.js在浏览器中实现裁剪图像功能
2019/06/18 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
Python笔记(叁)继续学习
2012/10/24 Python
Python中使用logging模块打印log日志详解
2015/04/05 Python
Python sys.argv用法实例
2015/05/28 Python
Python 爬虫爬取指定博客的所有文章
2016/02/17 Python
python模拟事件触发机制详解
2018/01/19 Python
numpy找出array中的最大值,最小值实例
2018/04/03 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
Python 线程池用法简单示例
2019/10/02 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
pycharm下pyqt4安装及环境配置的教程
2020/04/24 Python
社团文化节策划书
2014/02/01 职场文书
平面设计求职信
2014/03/10 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书
财务检查整改报告
2014/11/06 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书