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 相关文章推荐
JS 树形递归实例代码
May 18 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
May 06 Javascript
javascript实现依次输入input自动定焦
Dec 23 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
Jan 27 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
Apr 07 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
Javascript执行流程细节原理解析
May 14 Javascript
微信小程序实现简单文字跑马灯
May 26 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 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
php数字游戏 计算24算法
2012/06/10 PHP
php日期转时间戳,指定日期转换成时间戳
2012/07/17 PHP
PHP生成条形图的方法
2014/12/10 PHP
php计算2个日期的差值函数分享
2015/02/02 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
你需要知道的JavsScript可以做什么?
2007/06/29 Javascript
javascript 动态加载 css 方法总结
2009/07/11 Javascript
js自动闭合html标签(自动补全html标记)
2012/10/04 Javascript
js 三级关联菜单效果实例
2013/08/13 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
微信小程序点击item使之滚动到屏幕中间位置
2020/03/25 Javascript
python3编写C/S网络程序实例教程
2014/08/25 Python
Python解析最简单的验证码
2016/01/07 Python
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
python3 模拟登录v2ex实例讲解
2017/07/13 Python
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
python字符串下标与切片及使用方法
2020/02/13 Python
Python实现AES加密,解密的两种方法
2020/10/03 Python
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
个人简历中自我评价
2014/02/11 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
实习推荐信
2014/05/10 职场文书
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
python异常中else的实例用法
2021/06/15 Python
python scrapy简单模拟登录的代码分析
2021/07/21 Python
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
JAVA springCloud项目搭建流程
2022/05/11 Java/Android