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学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
Apr 08 Javascript
jquery检测input checked 控件是否被选中的方法
Mar 26 Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 Javascript
javascript 小数乘法结果错误的处理方法
Jul 28 Javascript
jquery结合html实现中英文页面切换
Nov 29 Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
基于vue cli 通过命令行传参实现多环境配置
Jul 12 Javascript
vue实现评论列表功能
Oct 25 Javascript
bootstrap实现tab选项卡切换
Aug 09 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
Aug 13 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 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
joomla内置的表单验证功能使用方法
2010/06/11 PHP
php实例化一个类的具体方法
2019/09/19 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
基于jquery的下拉框改变动态添加和删除表格实现代码
2020/09/12 Javascript
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
浅谈Vue的加载顺序探讨
2017/10/25 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
CSS3 动画卡顿性能优化的完美解决方案
2018/09/20 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
Python零基础入门学习之输入与输出
2019/04/03 Python
详解Python 切片语法
2019/06/10 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
python数据归一化及三种方法详解
2019/08/06 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
python 实现有道翻译功能
2021/02/26 Python
css3模拟jq点击事件的实例代码
2017/07/06 HTML / CSS
Linux文件操作命令都有哪些
2016/07/23 面试题
最新大学毕业求职简历的自我评价
2013/10/18 职场文书
中专生自我鉴定范文
2013/12/19 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
党员自我批评与反省材料
2014/02/10 职场文书
村官2015年度工作总结
2015/10/14 职场文书
导游词之河北白洋淀
2020/01/15 职场文书