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结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
Apr 27 Javascript
完美解决AJAX跨域问题
Nov 01 Javascript
Javascript中call的两种用法实例
Dec 13 Javascript
JS文字球状放大效果代码分享
Aug 19 Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
layui选项卡效果实现代码
May 19 Javascript
获取url中用&隔开的参数实例(分享)
May 28 Javascript
Javascript中Promise的四种常用方法总结
Jul 14 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
Nov 22 Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 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实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
JS作用域链详解
2017/06/26 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
2018/03/23 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
如何在pycharm中安装第三方包
2020/10/27 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
Vita Fede官网:在意大利手工制作,在纽约市设计
2019/10/25 全球购物
农行实习自我鉴定
2013/09/22 职场文书
新学期开学演讲稿
2014/05/24 职场文书
银行青年文明号事迹材料
2014/05/31 职场文书
单位接收函范文
2015/01/30 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
创业计划书之酒吧
2019/12/02 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android
Python实现双向链表基本操作
2022/05/25 Python