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:void(0)的真正含义实例分析
Aug 20 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
js修改table中Td的值(定义td的双击事件)
Jan 10 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
Jun 30 Javascript
jQuery实用技巧必备(上)
Nov 02 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
基于axios封装fetch方法及调用实例
Feb 05 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
解决Layui 表单提交数据为空的问题
Aug 15 Javascript
浅析Vue下的components模板使用及应用
Nov 27 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
PHP读取目录下所有文件的代码
2008/01/07 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
javascript中sort() 方法使用详解
2015/08/30 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
Node.js中DNS模块学习总结
2018/02/28 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
[02:57]DOTA2亚洲邀请赛 SECRET战队出场宣传片
2015/02/07 DOTA
Python装饰器基础详解
2016/03/09 Python
Python3 max()函数基础用法
2019/02/19 Python
Python 3.6打包成EXE可执行程序的实现
2019/10/18 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
春季运动会广播稿大全
2014/02/19 职场文书
大学生就业意向书范文
2014/04/01 职场文书
求职自荐信的格式
2014/04/07 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
mysqldump进行数据备份详解
2022/07/15 MySQL