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 相关文章推荐
jQuery的attr与prop使用介绍
Oct 10 Javascript
JavaScript面向对象编程入门教程
Apr 16 Javascript
jQuery 中国省市两级联动选择附图
May 14 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
AngularJS入门教程之AngularJS指令
Apr 18 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
JS实现使用POST方式发送请求
Aug 30 Javascript
微信小程序HTTP请求从0到1封装
Sep 09 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
JS面向对象实现飞机大战
Aug 26 Javascript
uni-app实现获取验证码倒计时功能
Nov 01 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
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
JS支持带x身份证号码验证函数
2008/08/10 Javascript
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
jQuery 全选效果实现代码
2009/03/23 Javascript
一起来写段JS drag拖动代码
2010/12/09 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
js中精确计算加法和减法示例
2014/03/28 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
基于JavaScript实现跳转提示页面
2016/09/24 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
nodeJS进程管理器pm2的使用
2019/01/09 NodeJs
python使用cookielib库示例分享
2014/03/03 Python
Python中getattr函数和hasattr函数作用详解
2016/06/14 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
python xlsxwriter模块的使用
2020/12/24 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
秋季运动会活动方案
2014/02/05 职场文书
门前三包责任书
2014/04/15 职场文书
安全伴我行演讲稿
2014/09/04 职场文书
学校光盘行动倡议书
2015/04/28 职场文书
男方家长婚礼答谢词
2015/09/29 职场文书
Python Matplotlib绘制动画的代码详解
2022/05/30 Python
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL