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 事件绑定问题
Jan 01 Javascript
JS前端框架关于重构的失败经验分享
Mar 17 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
js工具方法弹出蒙版
May 08 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
Jul 27 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
js实现多图左右切换功能
Aug 04 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
Dec 26 Javascript
jquery仿京东商品放大浏览页面
Jun 06 jQuery
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
Angular单元测试之事件触发的实现
Jan 20 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
PHP中基本符号及使用方法
2010/03/23 PHP
PHP curl使用实例
2015/07/02 PHP
如何离线执行php任务
2017/02/21 PHP
用Jquery.load载入页面实现局部刷新
2014/01/22 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
微信小程序 动态绑定事件并实现事件修改样式
2017/04/13 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
Vue.js组件高级特性实例详解
2018/12/24 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
JavaScript实现捕获鼠标坐标
2020/04/12 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
javascript操作向表格中动态加载数据
2020/08/27 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
numpy使用技巧之数组过滤实例代码
2018/02/03 Python
python如何爬取个性签名
2018/06/19 Python
python中for循环输出列表索引与对应的值方法
2018/11/07 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
HTML5 canvas基本绘图之绘制曲线
2016/06/27 HTML / CSS
前端实现打印图像功能
2019/08/27 HTML / CSS
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
幼师自我鉴定
2014/02/01 职场文书
党员一帮一活动总结
2014/07/08 职场文书
秋季运动会开幕词
2015/01/28 职场文书
紧急迫降观后感
2015/06/15 职场文书
js 数组 fill() 填充方法
2021/11/02 Javascript
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python
python_tkinter弹出对话框创建
2022/03/20 Python