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 document.referrer判断访客来源网址
May 15 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
JQuery中clone方法复制节点
May 18 Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
vue slots 组件的组合/分发实例
Sep 06 Javascript
使用vue-cli webpack 快速搭建项目的代码
Nov 21 Javascript
微信小程序页面间跳转传参方式总结
Jun 13 Javascript
基于layui实现高级搜索(筛选)功能
Jul 26 Javascript
vue 项目引入echarts 添加点击事件操作
Sep 09 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
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
PHP无限分类(树形类)
2013/09/28 PHP
详解PHP中的PDO类
2015/07/06 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
用js实现随机返回数组的一个元素
2007/08/13 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
2016/10/27 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
BootStrap与Select2使用小结
2017/02/17 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
详解JavaScript 中的批处理和缓存
2020/11/19 Javascript
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
Python算法应用实战之栈详解
2017/02/04 Python
对python中执行DOS命令的3种方法总结
2018/05/12 Python
python查看模块,对象的函数方法
2018/10/16 Python
python数据处理 根据颜色对图片进行分类的方法
2018/12/08 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
django获取from表单multiple-select的value和id的方法
2019/07/19 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
ECCO爱步加拿大官网:北欧丹麦鞋履及皮具品牌
2017/07/08 全球购物
婴儿鞋,独特的婴儿服装和配件:Zutano
2018/11/03 全球购物
农民入党思想汇报
2014/01/03 职场文书
幼儿园消防演练方案
2014/02/13 职场文书
情人节寄语大全
2014/04/11 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
党员创先争优心得体会
2014/09/11 职场文书
检讨书范文300字
2015/01/28 职场文书
材料员岗位职责
2015/02/10 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
python 通过使用Yolact训练数据集
2021/04/06 Python