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 性能优化指南(3)
May 21 Javascript
javascript web页面刷新的方法收集
Jul 02 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
Jul 03 Javascript
写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab
Mar 06 Javascript
详解nuxt sass全局变量(公共scss解决方案)
Jun 27 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
vue绑定事件后获取绑定事件中的this方法
Sep 15 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
VSCode launch.json配置详细教程
Jun 18 Javascript
解读Vue组件注册方式
May 15 Vue.js
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
实用函数5
2007/11/08 PHP
用php实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
jQuery 使用手册(一)
2009/09/23 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
JS判断图片是否加载完成方法汇总(最新版)
2016/05/13 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
Angularjs 创建可复用组件实例代码
2016/10/09 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
Vue中qs插件的使用详解
2020/02/07 Javascript
JS typeof fn === 'function' && fn()详解
2020/08/22 Javascript
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
Python3 模块、包调用&路径详解
2017/10/25 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
python3通过selenium爬虫获取到dj商品的实例代码
2019/04/25 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
django表单的Widgets使用详解
2019/07/22 Python
python flask搭建web应用教程
2019/11/19 Python
python多进程重复加载的解决方式
2019/12/13 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
Python3爬虫RedisDump的安装步骤
2021/02/20 Python
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
采购类个人求职的自我评价
2014/02/18 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
班子四风对照检查材料
2014/08/21 职场文书
预备党员考察意见范文
2015/06/01 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电
Java死锁的排查
2022/05/11 Java/Android