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对数组的操作技巧整理
Mar 25 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
简单理解vue中Props属性
Oct 27 Javascript
Angular企业级开发——MVC之控制器详解
Feb 20 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
浅析vue-router原理
Oct 19 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 Javascript
如何利用JavaScript实现二叉搜索树
Apr 02 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
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
读jQuery之二(两种扩展)
2011/06/11 Javascript
javascript中的括号()用法小结
2014/04/14 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
2016/03/01 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
2018/09/06 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
通过vue手动封装on、emit、off的代码详解
2019/05/29 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
浅析python 中__name__ = '__main__' 的作用
2014/07/05 Python
Python跳出多重循环的方法示例
2019/07/03 Python
Python实现RabbitMQ6种消息模型的示例代码
2020/03/30 Python
Python学习之路安装pycharm的教程详解
2020/06/17 Python
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
一名毕业生的自我鉴定
2013/12/04 职场文书
小学岗位竞聘方案
2014/01/22 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
幼儿发展评估方案
2014/06/11 职场文书
计算机相关专业自荐信
2014/07/02 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
全国助残日活动总结
2015/05/11 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
Go语言并发编程 sync.Once
2021/10/16 Golang
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript