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 $.ajax相关用法分享
Mar 16 Javascript
JQuery-tableDnD 拖拽的基本使用介绍
Jul 04 Javascript
利用js(jquery)操作Cookie的方法说明
Dec 19 Javascript
js实现图片点击左右轮播
Jul 08 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
Apr 14 Javascript
iView-admin 动态路由问题的解决方法
Oct 03 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
vue.config.js常用配置详解
Nov 14 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
vue axios请求成功却进入catch的原因分析
Sep 08 Javascript
修改NPM全局模式的默认安装路径的方法
Dec 15 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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/09/04 PHP
访问编码后的中文URL返回404错误的解决方法
2014/08/20 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
Jquery选中或取消radio示例
2013/09/29 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
基于jquery实现复选框全选,反选,全不选等功能
2015/10/16 Javascript
Angularjs material 实现搜索框功能
2016/03/08 Javascript
ES6的新特性概览
2016/03/10 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
[04:19]DOTA2完美大师赛第四天精彩集锦
2017/11/26 DOTA
sqlalchemy对象转dict的示例
2014/04/22 Python
Python中apply函数的用法实例教程
2014/07/31 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
python爬虫判断招聘信息是否存在的实例代码
2020/11/20 Python
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
奥巴马的演讲稿
2014/05/15 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
离婚协议书怎么写2014
2014/09/30 职场文书
店铺转让协议书
2015/01/29 职场文书
支行行长岗位职责
2015/02/15 职场文书
比赛主持人开场白
2015/05/29 职场文书
HTML+CSS 实现顶部导航栏菜单制作
2021/06/03 HTML / CSS
python实现简单石头剪刀布游戏
2021/10/24 Python