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 相关文章推荐
使用正则替换变量
May 05 Javascript
javascript取消文本选定的实现代码
Nov 14 Javascript
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
Feb 19 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
JavaScript实现的简单加密解密操作示例
Jun 01 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
JS实现超级好看的鼠标小尾巴特效
Dec 01 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设计模式 注册表模式
2012/02/05 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
PHP数据库处理封装类实例
2016/12/24 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
JS中操作JSON总结
2020/12/06 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
利用vue.js插入dom节点的方法
2017/03/15 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
Vue 与 Vuex 的第一次接触遇到的坑
2018/08/16 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
JavaScript在web自动化测试中的作用示例详解
2019/08/25 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
Python中获取对象信息的方法
2015/04/27 Python
详解Python中time()方法的使用的教程
2015/05/22 Python
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
python实现关键词提取的示例讲解
2018/04/28 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
python多继承(钻石继承)问题和解决方法简单示例
2019/10/21 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
阿迪达斯越南官网:adidas越南
2020/07/19 全球购物
利用指针变量实现队列的入队操作
2012/04/07 面试题
校长寄语大全
2014/04/09 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
政审证明范文
2015/06/19 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python